Your First Design System in Figma (Beginner Tutorial)
75,060
Publicado 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
Todos los comentarios (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 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! 💯
-
One of the most simple and well explained videos! Already subscribed your channel!
-
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!! 🙏
-
Tim my boy you are doing a really great job, clean tutorial, amazing and simple video structure
-
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!
-
Tim you're the mentor we all need , the content well explained, appreciate all effort :) keep up the great work!!
-
I always love your videos, short and you convey all the messages.🥰
-
Thank you for creating this video Tim, you've explained design systems in the clearest way I found 😊
-
Very nice Brother. Thanks for decluttering the thoughts about the design system.
-
Beautiful and succinct lesson.
-
Amazing explanation, straight to the point and very practical. Thank you!
-
"Think Freely" — that is exactly what I say to people when they are starting a design system. I tell them that when I get to the point where I have to update the same thing across 50 artboards and I am sick of copying/pasting for 20 minutes — it's now time to make some components. Because by the time you have that many artboards in your prototype, you've refined things enough to warrant spending the time to make refined components.
-
Wow, you nailed it! Really organized, and helpful! Thank you!
-
You are a legend, Tim! Adore 🤙
-
Insightful!! Thanks for this tutorial, I was looking for exactly this.
-
this really helped in removing the intimidation with design system
-
Super video Tim!
-
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.
