Your First Design System in Figma (Beginner Tutorial) 

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!! 🙏

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!!

Tim my boy you are doing a really great job, clean tutorial, amazing and simple video structure

Amazing explanation, straight to the point and very practical. Thank you!

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.🥰

Very nice Brother. Thanks for decluttering the thoughts about the design system.

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.

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.

Very simple and informative

Wow, you nailed it! Really organized, and helpful! Thank you!

Its a great explanations. its easily understandable. Do more stuff in FIGMA. Thanks for doing it. its really helpful for me.

Thanks for this video, it was helpful for me

Your videos are really helpful Tim, I'm only starting out on Figma and I've learnt many things from your videos

this really helped in removing the intimidation with design system

Great video! Thanks ❤

You are a legend, Tim! Adore 🤙

Again Nice Tutorial and with the complete guidence Thanks ALOT ❤

Great video. Im just starting out so this was quite easy to understand. Thanks❤

you saved my life thanks man ! Keep uploading

I'm really in love with you contents ❤❤ keep up the good work

Beautiful and succinct lesson.

Super helpful video! The documentation part of the design system is key and I look forward to watching your explanation on that!🤩

This is really good and easy to comprehend.

Super video Tim!

Amazing video Tim!!! & Pls make more on Design System

Thanks for the video. Was very easy to understand.

best figma teacher, great tutorial as always 💪

your videos are gold

So many things about designing in figma and design systems clicked for me on this video.

thank you

That was so helpful thank you so much

For the first time I understood. Thank you✌✌

you are amazing thank you very much :)

Did you make the design system for Appwrite? The glass effect on cards is superb.

Hi! I'm working on a large product with a web and mobile application. I wonder how would you organize components for adaptive app. For example mobile app using bottomsheet and web is using dialogs. Would you keep components for mobile and desktop separated? Also if I can ask question not related to video. For big adaptive projects would you keep projects for web and mobile separated or grouped by the context?

Thanks!

Hi Tim, Thanks for your explanations. you don't only teach how to create design systems but also how to apply them in the next stages of designing an app/product. a question, do you drag those atoms(icons, text, button) manually to frames in order to create a page? or is there any tips for faster way to do this? Thanks again

Epic ⭐

Design system for website and e~commerce are you experience Does it fit or more for webapps apps😊

In your opinion, Design System is better made at the beginning or at the end? Btw, Great Content 🔥🔥

could you please show a tutorial on how to design a passport in Figma?

your figma link isn't working!

lol the GaryVee "how- ever"

I am a programmer . Want to learn figma . Do you have a single video for that . In playlist many videos are there

And voilla!!

When I press the working file I just get a new version of the video again

Finally i found you

it feels weird to me that a button is often defined as an atom, when you can split it into its typography, shape and colour elements

your most of the video sound is too low plz fix it

tutorial is confusing. You should say or tell what action you take meaning are you coping, grouping, using frame. because now i dont know how to create an organism. is it a group? is it a frame?

I am a programmer for 15 years . I know system design . What is design system 😅😅

Super cool! I love your designs. colors and theme. perfect.

this is i need most thanks gabe