Your First Design System in Figma (Beginner Tutorial)
71,394
Published 2023-03-02
🔴 Working File: timgabe.com/resources/figma-design-system
Timecodes
00:00 Intro
01:00 Atomic Design
01:30 Step 1
02:50 Step 2
07:00 Step 3
10:15 Step 4
11:55 Best Practices & Tip
All Comments (21)
-
Also as a developer who's built multiple design systems from scratch together with UX designers, its super important to keep in mind that we often start off with an existing design system (MUI, Ant, etc.) and that often times its about modifying existing ones!
-
this really helped in removing the intimidation with design system
-
One of the most simple and well explained videos! Already subscribed your channel!
-
This was amazingly well put together. I really appreciate how you explain everything from the concept to examples, how, why, and when to use design systems! Keep up the good work! 💯
-
So useful! This is something I'm still getting used to and that looks a little overwhelming and scary at first, but your explanation make everything looks easier than I thought. Thank you!
-
Very nice Brother. Thanks for decluttering the thoughts about the design system.
-
Tim you're the mentor we all need , the content well explained, appreciate all effort :) keep up the great work!!
-
Tim my boy you are doing a really great job, clean tutorial, amazing and simple video structure
-
Dear Tim, I really appreciate how you make complex topics simple to understand and it feels so easy when I learn from you. Super helpful. Always wanted to learn how to create a design system but overwhelmed by watching other huge systems as you said, but this video is very helpful and helped me get started very quickly, wrap it up faster and use it regularly. Thanks a lot!! 🙏
-
Thank you for creating this video Tim, you've explained design systems in the clearest way I found 😊
-
I always love your videos, short and you convey all the messages.🥰
-
Amazing explanation, straight to the point and very practical. Thank you!
-
Its a great explanations. its easily understandable. Do more stuff in FIGMA. Thanks for doing it. its really helpful for me.
-
Very simple and informative
-
Thanks for this video, it was helpful for me
-
Hej! Tack så mycket (as far as my Swedish goes 😊) for breaking down intimidating UI skills into those that can easily be learned and friendlier. As a product designer, I've found your videos to be super helpful lately.
-
Great video, my brother! I've always been a bit confused about nested components, but I don't even know why. Now that I heard you explain it, it looked quite simple.
-
Insightful!! Thanks for this tutorial, I was looking for exactly this.
-
Great video! Thanks ❤
-
Beautiful and succinct lesson.
