Figma Component Properties made SIMPLE (Variants, Boolean, Text, Instance)
HTML-код
- Опубликовано: 31 май 2024
- Figma Component Properties in 2022… in under 10 minutes!
🔴 Working File: timgabe.com/resources/figma-c...
Timestamps:
00:00 Intro
00:12 The Four Properties
00:30 Variants Overview
00:54 Instances Overview
01:23 Text Overview
01:43 Boolean Overview
02:10 Create Button Component
02:45 Add Icon
03:00 Add Variants
04:27 Apply Instances
06:03 Apply Text
07:05 Apply Boolean
Music:
- Coffee - lofi hip hop beat (FREE FOR PROFIT USE)
- 5 MINUTES OF (No Copyright Music) CHILL LOFI HIP HOP BEAT (Royalty free)
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:
ruclips.net/video/Kf8L3CeiWzQ/видео.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 🤩
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!!
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!
The best way to spend my Saturday night, is learning from your tutorials 🙌
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!
Perfect explanations! Simple and easy to follow and understand, and straight to the point! Thanks man! 🙂
I've been on your page for almost two hours watching every video. You truly are an exceptional instructor!
Just faced some confusion on component properties and got it cleared with this gem of a video. You earned a subscriber! ❤ Thank you!
Quite simply the best video on components - thank you!
this was incredibly clear and sooo helpful!! thank you!
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 😃
This is soooo goood! Thank you Tim!
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!
Dude your videos are amazing. I will never stop telling you that! Great content man!
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. 🎉
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'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 🙏
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 😃
the best video for component properties.. little confused watching all other videos. thanks man for cleared all doubts within just 10 minutes .. 😍🥰
such a straightforward explanation, super easy to follow
Finally! I've been thinking I won't understand how to make it. Great explanation. You saved my time!
Out of all the videos I saw about this topic, yours was by far the best. Thanks, man!
thank you so much, Hudson 🙏😃
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!!
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! 😃
The best explanation!!! Thank you!
Really great video. Thanks TIm
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!!
Quick, simplified and well-organised. This helped me clear a random doubt and save time. Thanks!
that's amazing! thank you for the support!!
Clear and good tutorial video. Thanks
Thanks - taught me a couple of things I didn't realise that I didn't know!
haha, that's awesome!!
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 🥳
Thanks Tim! Great, simplified instruction. You. The. Man! Thank you!
Excellent video tutorial. Thank you.
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!!
Very well explained and informative video, thanks a ton mate.
Love your videos! Thanks for keeping it short and simple!
happy to hear this, Brady!! I try my best!
Excellent explanation! Thanks
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 ☺️
Thank You So Much Man !!! Now i am gonna complete the task given by client in minutes
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! 😃
Best video on Variants, Boolean, Text, Instance so far. Thank you.😀
thanks a lot for the comment and support!
Huge help! Thank you so much!!
Mastered components but nested booleans had me stumped. This video? Game changer! Now I'm acing the tricky stuff too. Level up!
Great tutorial! The instances and boolean explanations are really helpful to speed up the design process 😊
makes me so happy that you found it helpful, Cloe ☺️🙌
I was always so confused about components but this video taught me everything! Thank you so much ;)
that's great to hear!!
wow i love the way you teach using easy go to steps its a cool way, great Job.
Thank you so much for these videos. I'm loving your pacing and explanations. Very good Figma content!
really appreciate that, Aaron!! thank you! 😃
Thank you for this!!! Love it!
glad to hear it! 😃
This was a great video on variants and components. So easy to follow! Thank you very much 😊
awesome to hear, moritz!! thank you!
This was a really helpful guide! so simple and concise yet informative and easy to follow along
thanks for the comment, friend!
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!!
One of the best Figma educational resource! So simple and fast explained an complicated stuff.
appreciate it a lot, Svitlana 😃
Thanks for your explication!
It's very clear and pedagogic!
happy you found it clear, my friend!
Great explaination.. Thank you so much..
I like how you break down things to make them easy to understand!
glad you enjoyed it, Arbaaz! 🤩
Hi Tim, learning components deep down to their variants, boolean, text, and instance properties was useful. Even after using Figma for the last 6-7 months, I am still afraid to have or use these advanced features but your teaching provides motivation and inspiration at the same to face these challenges. Thanks man!
feedback like this is amazing and makes me so glad. thanks a lot, Umair!! 😃🙏
this video was great , i love it
Thank you! Your tutorials make it so much easier to understand!
that’s amazing to hear!! thanks a lot for commenting, Line 🙏😃
That's incredible. Thank you!
thank you for supporting! 😃
Thanks a lot for the video 👍👍 It was really helpful!
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!!
Love your content!! To the point! I would like to see you cover design systems, color roles, etc
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!!
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! 🙏🥳
Great tutorial and so much easier to understand. I actually learn UI from you right now. Thank you so much!!!
happy to hear it, my friend 🤩
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!
So helpful
Thank you
Thank you for this super clear explanation!
happy it was helpful!!
Very Useful, Thanks tim
Thank you for this video. The best explanation so far I've watched.
thank you for commenting and supporting, Monika! 🥳
Really wonderful explanation you just upped my skill in 9.37 min
awesome man you nailed it..!
thanks a lot you nailed it!
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 😂🥳
Thank you for the amazing video LOVE IT.
that's great to hear, thank you my friend!
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!
Big like that was helpful Thanks Tim !
glad it was helpful!! 😃
Glad I came across this. Thank you!
Dude, these videos are very well done. Bravo and thank you.
thank you so much!
Very insightful video. Awesome💜
once again, thank you my friend! 💜
thanks this tutorial helped a lot...💌
Thanks Tim! It helped a lot.
Thanks a lot. Just what I needed! Clearly explained
that's great to hear!! 🥳
Thank you! Great explanation 💥
happy you liked it!!
Thanks! Great tutorial!
Clearly explained and very useful breakdown in your file. Thank you
happy you liked it!
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!
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.
such a beautiful content tim , so excited to see your new ones
thanks Ahmed! really appreciated
Very well explained, great channel 🤩Thanks Tim !
thanks a lot for the kind comments Joanna ☺️🙏
Amazing tutorial!!! Liked Subscribed!
glad to hear it, my friend!!
@ 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 💜
Thank you! Very informative 👍🏻👍🏻
happy you liked it!
This is the best explanation of properties I have found.
so happy to hear that!
The best content ever!
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 🥰❤️
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. 🙂
Great tutorial mate, good stuff!
thanks a lot, Marko!! 🙏