Create a Design System library in Sketch App - Tutorial for beginners Step by Step (Part 1)

Поделиться
HTML-код
  • Опубликовано: 24 сен 2024

Комментарии • 37

  • @AROS2010
    @AROS2010 3 года назад

    Out of topic comment, but love those dark horizontal landscape paintings on the wall.

  • @damirrashidullin9323
    @damirrashidullin9323 4 года назад +1

    Огромное спасибо, милый человек! Прекрасный урок!

  • @gaurijoshi1694
    @gaurijoshi1694 3 года назад +1

    Hey, what command did you use to copy just the styles of the text and copy the style on the heading?

  • @davidpicarazzi
    @davidpicarazzi 4 года назад +2

    Hey Pierluigi, where can I find that video you mentioned about how to keep symbols organized?

  • @timlosan
    @timlosan 5 лет назад +4

    Style generator plugin is not working

  • @PierluigiGiglio
    @PierluigiGiglio  5 лет назад

    The Plugins I used in this video are Rename it (rodi01.github.io/RenameIt/ ) and Styles Generator (github.com/lucaorio/sketch-styles-generator )

  • @stelamihov3914
    @stelamihov3914 3 года назад

    Amazing tutorials, thank you!

  • @andrejones3930
    @andrejones3930 4 года назад

    Great job! Thanks for taking the time.

  • @asmamasri4771
    @asmamasri4771 5 лет назад +1

    why Style generator plugin is not working with me?

  • @dougmohr3276
    @dougmohr3276 4 года назад

    At the end of the video you ran a test which converted all the text styles to red. Once you've run the test, how do you convert back to the pre-test colors?

  • @topteamfitness
    @topteamfitness 5 лет назад

    Pierluigi, what is the best way to use your design system on every new project that I do, do you recommend creating as a library with the design system or create a new page for the design system for each new project?

  • @davidpicarazzi
    @davidpicarazzi 4 года назад

    Hi Pierluigi! Quick question hopefully (I am new to Sketch). Why do we use the select similar layers plugin at 34:10 to apply styles across all instead of just making the change on the symbol? Doesn't changing the symbol style change it across all?

  • @ryriffs
    @ryriffs 5 лет назад

    Great Video! I'm curious, Why are the headings getting smaller and smaller as you go down? isn't the point to see what they would look like large before you use them?

  • @carolbatera84
    @carolbatera84 4 года назад

    thanks for the amazing video. A quick doubt, how did you put the sketch files as tabs, down of the bottom buttons? I mean, you can navigate through your UI file and the design system file on the same file! this is something that adobe xd have that I love and I always wondered this on sketch .

  • @kianasheen2812
    @kianasheen2812 4 года назад

    Awsome work! 🙏💐

  • @sf1839
    @sf1839 4 года назад

    Hi, thanks for the tutorial! I was wondering how you resized your artboard lateral width so the content stayed centred? 5:55 Thanks!

  • @lauradattner635
    @lauradattner635 4 года назад

    This was so helpful! Any way you can create an updated video on how you would set up a design system in Figma?

    • @PierluigiGiglio
      @PierluigiGiglio  4 года назад +1

      Yes, I am looking to do that as well.. coming soon 👍

    • @lauradattner635
      @lauradattner635 4 года назад +1

      ​@@PierluigiGiglio Looking forward to it! Would love to see how you would incorporate Auto-layout components as part of your design system.

  • @TheUltimateScorpio
    @TheUltimateScorpio 4 года назад

    Thank you so much!

  • @limzhiyang248
    @limzhiyang248 5 лет назад +1

    Hi Pierluigi thanks for the video, may I know what's the shortcut you use to duplicate the text with the same spacing? at 5:40

    • @limzhiyang248
      @limzhiyang248 5 лет назад

      No worries I got it! medium.com/sketch-app-sources/saving-time-in-sketch-7042142c8a8e

    • @yasi19912
      @yasi19912 4 года назад

      Lim Zhiyang thanks!

  • @nikhilvarma892
    @nikhilvarma892 5 лет назад

    Amazing! Keep up the good work!!!

    • @PierluigiGiglio
      @PierluigiGiglio  5 лет назад +1

      Thank a lot for the feedback, I surely will 🙂!

  • @fazliddinkhidoyatov8649
    @fazliddinkhidoyatov8649 4 года назад

    thanks a lot , Do you have any tutorials in Adobe xd program

  • @ИринаИгумнова-е7ж
    @ИринаИгумнова-е7ж 5 лет назад

    Thank you so much! 🔥🔥🔥

  • @madsnguyen8353
    @madsnguyen8353 5 лет назад +1

    prefect. Thank you so much

    • @zaynwilson7924
      @zaynwilson7924 3 года назад

      Pro tip : watch movies on flixzone. Me and my gf have been using it for watching a lot of movies lately.

    • @christianbaylor5352
      @christianbaylor5352 3 года назад

      @Zayn Wilson yea, have been using flixzone for since november myself :)

  • @manishsingla9473
    @manishsingla9473 5 лет назад

    😍😍😍 Thank you so much.

  • @topteamfitness
    @topteamfitness 5 лет назад +1

    Can you export this as style guide for developers?

    • @PierluigiGiglio
      @PierluigiGiglio  5 лет назад +1

      Yes, if it's not too much of a formal environment (ex: large enterprise company), otherwise I would recommend creating a separate page specifically for a dev style guide. Use inVision's inspect tool too for the devs, since that will help a lot and you might not require you to do any of these other solutions 🙂

  • @vinnes99
    @vinnes99 5 лет назад

    nice!

  • @xax
    @xax 5 лет назад

    Love u