Clone the Figma file and follow along: www.figma.com/file/BTkdb7nzL14POCSYzLvB8P/Figma-Component-Properties?node-id=0%3A1 Video on how to MASTER auto layout: ua-cam.com/video/Kf8L3CeiWzQ/v-deo.html&t
Great content it would be great if u created a course on dynamic design. This will save me loads of time. I knew some of the material but I still learned many new things.thanks
Your content is exceptional. I genuinely think its the best Figma educational resource on youtube. Fast, clear videos with top presentation and production value. I hope your channel grows and you continue to create 👍🏻
William… wow, just wow. What an incredibly kind comment. That’s not a small statement considering I’ve got some fierce competition with all these talented creators in the design niche. This makes me not just super happy and proud, but it also makes me beyond pumped to continue delivering content on a consistent basis!! Thank you for this. Have an amazing day/night, my friend 🤩🙏
It definitely is. I just started learning figma this week, and this channel has given me tons of info, inspiration, and motivation, all in one combo. Thanks Tim
Out of all the tutorials / explanations about these variants, you are the one who made it so thorough, organized and so crazy easy to understand. Thank you :)
This is the most coherent explanation showing these concepts being broken down literally in a manner I have fully grasped and can do and create them without the hassle and bustle of pausing every two seconds cause you need help to understand what's going on. A follow and like from me, mate. Thank You.
I am a beginner in learning Figma. I was facing many problems while trying to create an instance of a button. After watching your video, I have now learned how to create instances.
I couldn't imagine that this could be explained so easily in a few minutes without leaving any questions. Thanks for such content, your channel is a finding of the day. 🎉
Thank you so much for this! I'm new to Figma and I was following a UX tutorial from DesignCourse, and I've been stuck on this stupid component thing forever, as it seems like Figma has updated the layout of the program or something, and I couldn't make sense of any of the tutorials I found. Excellent content!
the feeling of being able to actually help people, and then getting comments like these, it's just something else. thank you so much for sharing this with me and putting a smile on my face - you're awesome!! 😃🙏
Oh. My. God! I used to think that this whole component thing was a complicated hassle to learn! I literally got all of this on the first try! Thank you so much, guru!
I found something really great. I was thinking about taking a Udemy class, but this tutorial explains everything so well. You deserve to have millions of subscribers!
You are just an awesome instructor Tim. Keep up the good work. When I complete your tutorials, I will see if there is some thing that I would like to know that you may not have covered. Thank you for what you have done already!
Thanks a lot. I have watched sooo many videos related to Component Properties, but none of them could clear my confusion. You cleared all my confusion in just 9 minutes and 37 seconds. can't thank you enough brother. you have made it very easy for me. You deserve a lot more subscribers. thanks a ton. :)
Oh, dear Tim, I've been drowning in tutorial videos left and right, but, hold up! In just ten minutes, you swooped in and sorted out all my questions! Seriously, I can't thank you enough for that epic save! 💫
His channel is more about user interface (UI), not user experience (UX). UX is more about psychology. UI is more about what you see and interact with. The two are very different. 🙂
Hi Tim, love your videos and how simply you break it all down! Your pacing makes it easy to follow along without pausing every second (LOL). Thanks for the great content!
You have become my favorite "tutorial man" ;) Everything is great and clear to understand. If you mind, you could do some tutorial for "dropdown menu's". Always have problems to make them propertly... Something like e-commers ones ;) Cheers!
Hi Tim, this video has just saved my ass. Thank you so much for this. I am definitely subscribing to your channel and enabling notification ASAP. Thank you so much.
Great video. You're very clear, organized and easy to follow. I've been out of Figma for a bit, and was behind with this feature. Thank you so much for getting me up to speed, and making it EASY.
Thank you for being so clear when you explain. I imagine this would be very difficult to understand but you explain it in a very simple way so I could get it in the first try. Liked and subscribed!
Great and clean tutorials! Your English is great (English is not my native language, and a lot of youtubers from East (India and Arab countries) speak English very awfully - it's hard to understand). Keep doing your videos for beginners and advanced users.
@ Tim you are the best...through your videos I am learning a lot and much more smoothly that other ppl's video.. They are also good but you are unmatchable. Thanks a lot for doing this for us. ❣❣❣
this makes me so happy, Anjali. unmatchable, that’s quite the compliment considering how talented many of the creators on here are… 🤩 thank you so much, my friend 💜
Tim I love your figma tutorials. The details and effort you make on these tutrials are exceptional. I would like to suggest if you can make a tutorial on how to do localizations. Cheers!
Great videos, thank you! Would be great to add a video on how to re-use and customize ready-made components from corporate open-source UI kits and design systems.
@TimGabe, Really great content and very well presented, thank you!! @amalekilawlor2922 I just try to create it that way, If I create my instances and properties on the master component, everything working well on the asset. How can I keep it as a master component and do the variants? If I change anything on the master like; radius or font that will change it in the variants too..I might brake it somewhere.
thanks a lot, Richard 🥳 maybe this video could be of help to you: ua-cam.com/video/eeGVBhZURUI/v-deo.html otherwise, let me know and I'll see if a more advanced tutorial can be made in the future!
Thanks for such helpful content. I would like to see a full tutorial on creating a landing page design or the design of some application. From start to finish. Thanks :)
I'm so happy I came across your channel. I started learning UX design this year and always struggled with components. The only thing I'm still a little confused about is how you created those instances? Thank you much for this informative channel and for explaining everything in a simple and understandable way.
Clone the Figma file and follow along:
www.figma.com/file/BTkdb7nzL14POCSYzLvB8P/Figma-Component-Properties?node-id=0%3A1
Video on how to MASTER auto layout:
ua-cam.com/video/Kf8L3CeiWzQ/v-deo.html&t
@Hardik Arya of course my friend! 🤩🙏
Great content it would be great if u created a course on dynamic design. This will save me loads of time. I knew some of the material but I still learned many new things.thanks
thanks 🤩
Please, help. Now When I want to apply the text on the right side I don't have a content and layer too ( Where to find it??)
Your content is exceptional. I genuinely think its the best Figma educational resource on youtube. Fast, clear videos with top presentation and production value. I hope your channel grows and you continue to create 👍🏻
William… wow, just wow. What an incredibly kind comment. That’s not a small statement considering I’ve got some fierce competition with all these talented creators in the design niche. This makes me not just super happy and proud, but it also makes me beyond pumped to continue delivering content on a consistent basis!!
Thank you for this. Have an amazing day/night, my friend 🤩🙏
It definitely is. I just started learning figma this week, and this channel has given me tons of info, inspiration, and motivation, all in one combo. Thanks Tim
Out of all the tutorials / explanations about these variants, you are the one who made it so thorough, organized and so crazy easy to understand. Thank you :)
i'm so happy to read this, thanks a lot!!
I don't usually comment on videos but dude.. thank you. Your "no bs" style is refreshing.
that's amazing to hear. really. thanks!!
You deserve a medal, man. I have watched many tutorials on this but yours truly nailed it.
I get so happy when I see comments like this. thanks a lot, my friend 🥳 Happy you got value out of it!
@@TimGabe Definitely, subbed! Thanks for the good work.
@@turaluix truly appreciate the support! 🙏🥳
Literally best explanation I found after watching 10+ videos about this. Thank you!!!
This is the most coherent explanation showing these concepts being broken down literally in a manner I have fully grasped and can do and create them without the hassle and bustle of pausing every two seconds cause you need help to understand what's going on. A follow and like from me, mate. Thank You.
I've watched so many videos, and yours is the only one I actually understood about how to use boolean and variants together. Thank you!!
that's great to hear, christine!!
I've been on your page for almost two hours watching every video. You truly are an exceptional instructor!
I am a beginner in learning Figma. I was facing many problems while trying to create an instance of a button. After watching your video, I have now learned how to create instances.
that's amazing to hear!!
Thank you, this is a clear, easy and simple explanation.
For the first time I understand Component Properties in this way,
Thanks again
that's so cool to hear. thanks for commenting to let me know! 😃
PLS MAKE MORE VIDEOS. I HAVE NEVER UNDERSTOOD COMPONENT LIKE THIS AS A STARTER. THANK YOU
I couldn't imagine that this could be explained so easily in a few minutes without leaving any questions. Thanks for such content, your channel is a finding of the day. 🎉
This is the best video on components and variants. Mannnn you explained it so smoothly🌹
Loved it❤️
I've watched several tutorials on the new properties panel and this really simplifies it. So much easier to understand. Thank you for sharing.
that’s so cool to hear. 😃 thank you for letting me know, it’s genuinely appreciated 🙏
Still watching this two years later and you explained this great! Thanks for showing and demonstrating in a simple concept!
You explained so precisely a topic (Boollean) that I thought was much more complex. Thank you very much!
So easy to understand and you've helped me level up my design system game! I'd seen booleans in other files but didn't get how they worked. Thank you!
Thank you so much for this! I'm new to Figma and I was following a UX tutorial from DesignCourse, and I've been stuck on this stupid component thing forever, as it seems like Figma has updated the layout of the program or something, and I couldn't make sense of any of the tutorials I found. Excellent content!
the feeling of being able to actually help people, and then getting comments like these, it's just something else. thank you so much for sharing this with me and putting a smile on my face - you're awesome!! 😃🙏
Tim you’re a life saviour man! u have explained such a complex topic in a simple and easy way, kudos to you bro, god bless you 👏
thank you for the kind comment, my friend!!
Defently this is the best Figma compared to other tutorial...
so nice of you!! this means a lot to me 😊🙏
Finally! I've been thinking I won't understand how to make it. Great explanation. You saved my time!
Oh. My. God! I used to think that this whole component thing was a complicated hassle to learn! I literally got all of this on the first try! Thank you so much, guru!
Best video on Variants, Boolean, Text, Instance so far. Thank you.😀
thanks a lot for the comment and support!
I found something really great. I was thinking about taking a Udemy class, but this tutorial explains everything so well. You deserve to have millions of subscribers!
that's awesome!! haha, millions of subscribers would be super cool 😃
You are just an awesome instructor Tim. Keep up the good work. When I complete your tutorials, I will see if there is some thing that I would like to know that you may not have covered. Thank you for what you have done already!
this makes me really happy to read. thank you!!
Your explanation was so much easier to understand than Figma's documentation. Thanks a lot. Now I can use the properties better.
that's amazing feedback, thank you!!
I was always so confused about components but this video taught me everything! Thank you so much ;)
that's great to hear!!
Thanks a lot. I have watched sooo many videos related to Component Properties, but none of them could clear my confusion. You cleared all my confusion in just 9 minutes and 37 seconds. can't thank you enough brother. you have made it very easy for me. You deserve a lot more subscribers. thanks a ton. :)
that’s so nice of you, Shamsul 🙏 thank you, friend ☺️
Oh, dear Tim, I've been drowning in tutorial videos left and right, but, hold up! In just ten minutes, you swooped in and sorted out all my questions! Seriously, I can't thank you enough for that epic save! 💫
that's so cool to hear, anil!! thank you!!
Your channel is the place to go for learning UX. Hope you get the attention you deserve!
wow, with all the great UX educators out there this really means a lot to me. thank you so much, my friend 🤩
His channel is more about user interface (UI), not user experience (UX). UX is more about psychology. UI is more about what you see and interact with. The two are very different. 🙂
aahhh, amazing I'm a UX/UI Designer so UA-cam first suggests me the perfect video that I'm looking for, thanks Tim it's really helpful.
that's great to hear, my friend 😃 really appreciate the comment!
This video is wonderful. Stucked many days but could not able to learn it but now my doubts cleared . Thankyouuuuu so muchh....
that's awesome to hear. thanks for letting me know it worked for you 😃
Quick, simplified and well-organised. This helped me clear a random doubt and save time. Thanks!
that's amazing! thank you for the support!!
the best video for component properties.. little confused watching all other videos. thanks man for cleared all doubts within just 10 minutes .. 😍🥰
Thank you so much, I really appreciate the time you took to put this together. I was looking for this for almost the whole month. Thank you for this!!
wow, so cool to hear it was that helpful! thank you for commenting 😃
Mastered components but nested booleans had me stumped. This video? Game changer! Now I'm acing the tricky stuff too. Level up!
This was a really helpful guide! so simple and concise yet informative and easy to follow along
thanks for the comment, friend!
Quite simply the best video on components - thank you!
Just faced some confusion on component properties and got it cleared with this gem of a video. You earned a subscriber! ❤ Thank you!
Best video EVER, thank you so much, i was very confused about the boolean property, no more!
that's so cool to hear! thank you!
This is the best explanation of properties I have found.
so happy to hear that!
This tutorial is great and really helpful for beginners. The best thing about it is that it's easy to understand. Good job, and thanks a lot!
happy i could help!!
Thanks - taught me a couple of things I didn't realise that I didn't know!
haha, that's awesome!!
This tutorial helped me understand component properties so easily ❤ without making it feel like it was difficult
love it! thanks for letting me know 💜
The best way to spend my Saturday night, is learning from your tutorials 🙌
Tim thank you so much for this video! I was so confued by properties for the longest time and this video is short and on point. Thanks!
you are a life saver just got the concept in just 10 mins
🙇♂
that's great to hear 😃
the best tutorial i have seen, Thank you.
so nice of you, Ashwin! thanks a lot, my friend 🙏😃
Thank you so much, the step by step explanation made it feel within reach!
Best and most helpful figma tutorial video I've seen.. short and straight to the point
such a nice comment 🙏 thank you so much, I’m really glad it helped you 🥳
Hi Tim,
love your videos and how simply you break it all down! Your pacing makes it easy to follow along without pausing every second (LOL).
Thanks for the great content!
This was a great video on variants and components. So easy to follow! Thank you very much 😊
awesome to hear, moritz!! thank you!
Extremely underrated Channel! Sub earned and them some! Great content. Thank you.
really nice of you, Phillip!! thanks!!
@@TimGabe *then. Excuse the typo. Just want to give credit where it's due! Thank you!
From 38 subscribers to 389 in less than a month. Didn't I say your channel will grow? I'm one of the first subscribers 🚀💥
Joka, my friend 🤩 you were here from the start and I’m beyond grateful that you continue supporting 🥳🙏
@@TimGabe 🚀🚀🚀
Thanks, gabe! ❤
happy to help!!
I was creating my components with properties all wrong. Thanks for the clear tutorial!
glad you liked it, my friend!
The Recent Properties Variants. Kudos for all you do
Explained it in a simple and very organized manner which makes it easy to understand.Thankyou
thank you so much, this kind of feedback means a ton to me ☺️
@@TimGabe waiting for more interest content from you.
Love watching your video
thanks for the kind comment!!
I'm not very strong in creating of design system and your video really helped me.
Great video, Tim! Very clearly explained. Thanks so much!
I love the way you teach; this is the first video I'm seeing of you, but you bought me!
PS: I subscribed before you asked for it.🤭
I like how you break down things to make them easy to understand!
glad you enjoyed it, Arbaaz! 🤩
Did they move the text thing from the sidebar? I can't find it
You have become my favorite "tutorial man" ;) Everything is great and clear to understand.
If you mind, you could do some tutorial for "dropdown menu's". Always have problems to make them propertly... Something like e-commers ones ;) Cheers!
I love these comments! thanks a lot, my friend 🥳
keep an eye out for the coming upload, it might be just what you need... 🤩
@@TimGabe Can't wait! 😍BR!
Thank You So Much Man !!! Now i am gonna complete the task given by client in minutes
I don´t even finish the video and it is already have fav, like and a comment, excellent content man.
that's amazing to hear. thanks for the support, friend!
Best tutorial I’ve ever watched, thank you
Perfect explanations! Simple and easy to follow and understand, and straight to the point! Thanks man! 🙂
Thanks for your explication!
It's very clear and pedagogic!
happy you found it clear, my friend!
Hi Tim, this video has just saved my ass. Thank you so much for this. I am definitely subscribing to your channel and enabling notification ASAP.
Thank you so much.
that's amazing to hear, thank you!
One of the best Figma educational resource! So simple and fast explained an complicated stuff.
appreciate it a lot, Svitlana 😃
such a straightforward explanation, super easy to follow
Great video. You're very clear, organized and easy to follow. I've been out of Figma for a bit, and was behind with this feature. Thank you so much for getting me up to speed, and making it EASY.
that's so nice of you! thanks a lot!!
Nice work ma dude 🤙🏻
Thank you for being so clear when you explain. I imagine this would be very difficult to understand but you explain it in a very simple way so I could get it in the first try. Liked and subscribed!
really glad you like it and that you felt that explanation was easy, Nahuel! 😃
Please, help. Now When I want to apply the text on the right side I don't have a content( Where to find it??
Thank you for this super clear explanation!
happy it was helpful!!
Thank you for this video! It really helped me :) You're amazing!
Great and clean tutorials! Your English is great (English is not my native language, and a lot of youtubers from East (India and Arab countries) speak English very awfully - it's hard to understand). Keep doing your videos for beginners and advanced users.
that’s very nice of you to say, my friend!! thank you so much for the support 🤩
This is the easiest tutorial ever... Thank you for doing this. 🤗
that's so cool to hear, thanks for supporting abby!
Thank you for the quality! Would you mind showing your actual work experience? That is what I’d love to see.
do you mean actual work output, or my previous clients/jobs? 😃
@ Tim you are the best...through your videos I am learning a lot and much more smoothly that other ppl's video.. They are also good but you are unmatchable. Thanks a lot for doing this for us. ❣❣❣
this makes me so happy, Anjali. unmatchable, that’s quite the compliment considering how talented many of the creators on here are… 🤩 thank you so much, my friend 💜
Tim I love your figma tutorials. The details and effort you make on these tutrials are exceptional. I would like to suggest if you can make a tutorial on how to do localizations. Cheers!
Great videos, thank you! Would be great to add a video on how to re-use and customize ready-made components from corporate open-source UI kits and design systems.
Really wonderful explanation you just upped my skill in 9.37 min
Thank you Tim, this was incredibly helpful
Thank you! Your tutorials make it so much easier to understand!
that’s amazing to hear!! thanks a lot for commenting, Line 🙏😃
All I needed, under 10 minutes. Just great!!
glad it was helpful, Jane!!
A wonderful video! Note: if you can set your instance and text properties before your variants, you only have to create them once.
very good point!!
@TimGabe, Really great content and very well presented, thank you!!
@amalekilawlor2922 I just try to create it that way, If I create my instances and properties on the master component, everything working well on the asset. How can I keep it as a master component and do the variants? If I change anything on the master like; radius or font that will change it in the variants too..I might brake it somewhere.
Great tutorial. Only thing that was missing for me is how you'd approach adding states like Hover and Active to the variants you created.
thanks a lot, Richard 🥳
maybe this video could be of help to you:
ua-cam.com/video/eeGVBhZURUI/v-deo.html
otherwise, let me know and I'll see if a more advanced tutorial can be made in the future!
Dude your videos are amazing. I will never stop telling you that! Great content man!
Really useful and easy to understand ! Hat off 👒
glad you liked it! 😃
@@TimGabe It helps me to cut the number of elements my design sytem in almost half, so yeah I REALLY like your video
Thank you for this video. The best explanation so far I've watched.
thank you for commenting and supporting, Monika! 🥳
such a beautiful content tim , so excited to see your new ones
thanks Ahmed! really appreciated
I like how you explain the complete process through step by step procedure and clean design ❤❤
so happy to hear that Zamin 🤩 have a great morning/day/night, my friend 🥰❤️
Thanks for such helpful content. I would like to see a full tutorial on creating a landing page design or the design of some application. From start to finish. Thanks :)
thank you soo much for the comment, Timmy ☺️ the next episode of my 9 secrets series will be just that, so it will be coming!! 🤩
I'm so happy I came across your channel. I started learning UX design this year and always struggled with components. The only thing I'm still a little confused about is how you created those instances?
Thank you much for this informative channel and for explaining everything in a simple and understandable way.
I created components for the icons in the document -- it's a detail I missed to include...
I'm really happy you like the content, Sarah!!
Great video, Tim!!! The new autolayout and component features takes some practice, but they are so useful when you know how to use them :)
thank you so much, my friend 🤩 yes, it’s the greatest thing since sliced bredd 😂🥳