Figma Component Properties made SIMPLE (Variants, Boolean, Text, Instance)

Рет қаралды 130,591

Күн бұрын

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)

Пікірлер: 571

@TimGabe 2 жыл бұрын

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: kzfaq.info/get/bejne/gcxof5Z0ys-7qoU.html&t

@TimGabe Жыл бұрын

@Hardik Arya of course my friend! 🤩🙏

@mar-17905 Жыл бұрын

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

@ventioner 9 ай бұрын

thanks 🤩

@williamdisley2301 Жыл бұрын

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 👍🏻

@TimGabe Жыл бұрын

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

@jerkov420 2 ай бұрын

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

@esthernwaogu592 16 күн бұрын

PLS MAKE MORE VIDEOS. I HAVE NEVER UNDERSTOOD COMPONENT LIKE THIS AS A STARTER. THANK YOU

@razionojikan 8 ай бұрын

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 :)

@TimGabe 8 ай бұрын

i'm so happy to read this, thanks a lot!!

@glaecia 4 ай бұрын

I've been on your page for almost two hours watching every video. You truly are an exceptional instructor!

@ioncoman 6 ай бұрын

I don't usually comment on videos but dude.. thank you. Your "no bs" style is refreshing.

@TimGabe 6 ай бұрын

that's amazing to hear. really. thanks!!

@petrasmolcic2518 3 ай бұрын

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!

@NeilCuestas Жыл бұрын

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!

@jswanson859 Жыл бұрын

I've watched several tutorials on the new properties panel and this really simplifies it. So much easier to understand. Thank you for sharing.

@TimGabe Жыл бұрын

that’s so cool to hear. 😃 thank you for letting me know, it’s genuinely appreciated 🙏

@christinenguyen 8 ай бұрын

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

@TimGabe 8 ай бұрын

that's great to hear, christine!!

@amandapfeiffer2693 4 ай бұрын

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!

@ThoughtsCo_17 7 ай бұрын

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

@TimGabe 7 ай бұрын

wow, so cool to hear it was that helpful! thank you for commenting 😃

@thridevsuvarnan8208 5 ай бұрын

Just faced some confusion on component properties and got it cleared with this gem of a video. You earned a subscriber! ❤ Thank you!

@UmairUlhaque Жыл бұрын

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!

@TimGabe Жыл бұрын

feedback like this is amazing and makes me so glad. thanks a lot, Umair!! 😃🙏

@marikoma2260 4 ай бұрын

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

@hudsonsilvaoliveira5674 Жыл бұрын

Out of all the videos I saw about this topic, yours was by far the best. Thanks, man!

@TimGabe Жыл бұрын

thank you so much, Hudson 🙏😃

@mfenge 4 ай бұрын

Perfect explanations! Simple and easy to follow and understand, and straight to the point! Thanks man! 🙂

@jamesaldwin7080 4 ай бұрын

Quite simply the best video on components - thank you!

@uxdesigns4836 11 ай бұрын

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.

@TimGabe 11 ай бұрын

that's so nice of you! thanks a lot!!

@md.shamsularefin4983 Жыл бұрын

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. :)

@TimGabe Жыл бұрын

that’s so nice of you, Shamsul 🙏 thank you, friend ☺️

@AnthonyWalker-bf9be 8 күн бұрын

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!

@OCDesigns. Жыл бұрын

Love your videos! Thanks for keeping it short and simple!

@TimGabe Жыл бұрын

happy to hear this, Brady!! I try my best!

@etimafaith2080 Жыл бұрын

Best and most helpful figma tutorial video I've seen.. short and straight to the point

@TimGabe Жыл бұрын

such a nice comment 🙏 thank you so much, I’m really glad it helped you 🥳

@nahuel-fleitas Жыл бұрын

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!

@TimGabe Жыл бұрын

really glad you like it and that you felt that explanation was easy, Nahuel! 😃

@Runeansfelt Жыл бұрын

Dude your videos are amazing. I will never stop telling you that! Great content man!

@cloe2293 Жыл бұрын

Great tutorial! The instances and boolean explanations are really helpful to speed up the design process 😊

@TimGabe Жыл бұрын

makes me so happy that you found it helpful, Cloe ☺️🙌

@hansulibakshi9303 8 ай бұрын

Quick, simplified and well-organised. This helped me clear a random doubt and save time. Thanks!

@TimGabe 8 ай бұрын

that's amazing! thank you for the support!!

@stephenaaronosborn Жыл бұрын

Thank you so much for these videos. I'm loving your pacing and explanations. Very good Figma content!

@TimGabe Жыл бұрын

really appreciate that, Aaron!! thank you! 😃

@sk8ergirl66687 3 ай бұрын

Finally! I've been thinking I won't understand how to make it. Great explanation. You saved my time!

@svitlanagordiievska3695 Жыл бұрын

One of the best Figma educational resource! So simple and fast explained an complicated stuff.

@TimGabe Жыл бұрын

appreciate it a lot, Svitlana 😃

@user-qj3rz3vv9j 5 ай бұрын

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!

@TimGabe 5 ай бұрын

this makes me really happy to read. thank you!!

@danielazavala1382 Ай бұрын

The best way to spend my Saturday night, is learning from your tutorials 🙌

@waleedibrahim1747 6 ай бұрын

Thank you, this is a clear, easy and simple explanation. For the first time I understand Component Properties in this way, Thanks again

@TimGabe 6 ай бұрын

that's so cool to hear. thanks for commenting to let me know! 😃

@Indiegaze 2 жыл бұрын

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!

@TimGabe 2 жыл бұрын

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

@awaises 9 ай бұрын

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!

@TimGabe 9 ай бұрын

happy i could help!!

@PrajyotMeshram 2 ай бұрын

This is soooo goood! Thank you Tim!

@MaeveDoyle Ай бұрын

this was incredibly clear and sooo helpful!! thank you!

@pearlite6243 2 жыл бұрын

Great video, Tim!!! The new autolayout and component features takes some practice, but they are so useful when you know how to use them :)

@TimGabe 2 жыл бұрын

thank you so much, my friend 🤩 yes, it’s the greatest thing since sliced bredd 😂🥳

@ArbaazKhan-wb2dt Жыл бұрын

I like how you break down things to make them easy to understand!

@TimGabe Жыл бұрын

glad you enjoyed it, Arbaaz! 🤩

@selena-w1 5 ай бұрын

I was always so confused about components but this video taught me everything! Thank you so much ;)

@TimGabe 5 ай бұрын

that's great to hear!!

@thazleassain212 3 ай бұрын

the best video for component properties.. little confused watching all other videos. thanks man for cleared all doubts within just 10 minutes .. 😍🥰

@kishorekumar8216 8 ай бұрын

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 👏

@TimGabe 8 ай бұрын

thank you for the kind comment, my friend!!

@MinalB1539 9 ай бұрын

Best video on Variants, Boolean, Text, Instance so far. Thank you.😀

@TimGabe 8 ай бұрын

thanks a lot for the comment and support!

@tunamayoooo2034 Жыл бұрын

Great tutorial and so much easier to understand. I actually learn UI from you right now. Thank you so much!!!

@TimGabe Жыл бұрын

happy to hear it, my friend 🤩

@turaluix Жыл бұрын

You deserve a medal, man. I have watched many tutorials on this but yours truly nailed it.

@TimGabe Жыл бұрын

I get so happy when I see comments like this. thanks a lot, my friend 🥳 Happy you got value out of it!

@turaluix Жыл бұрын

@@TimGabe Definitely, subbed! Thanks for the good work.

@TimGabe Жыл бұрын

@@turaluix truly appreciate the support! 🙏🥳

@robbmillerart Жыл бұрын

Thanks Tim! Great, simplified instruction. You. The. Man! Thank you!

@ckizer 3 ай бұрын

Mastered components but nested booleans had me stumped. This video? Game changer! Now I'm acing the tricky stuff too. Level up!

@designbydaniiiyal 2 ай бұрын

Thank You So Much Man !!! Now i am gonna complete the task given by client in minutes

@MoritzFischer 5 ай бұрын

This was a great video on variants and components. So easy to follow! Thank you very much 😊

@TimGabe 5 ай бұрын

awesome to hear, moritz!! thank you!

@Razordab 7 ай бұрын

Best video EVER, thank you so much, i was very confused about the boolean property, no more!

@TimGabe 7 ай бұрын

that's so cool to hear! thank you!

@lineseverinsen8637 Жыл бұрын

Thank you! Your tutorials make it so much easier to understand!

@TimGabe Жыл бұрын

that’s amazing to hear!! thanks a lot for commenting, Line 🙏😃

@teji_coding360 2 жыл бұрын

Your channel is the place to go for learning UX. Hope you get the attention you deserve!

@TimGabe 2 жыл бұрын

wow, with all the great UX educators out there this really means a lot to me. thank you so much, my friend 🤩

@WimpLo123 Жыл бұрын

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

@techtalkswithfinbarr 11 ай бұрын

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.

@TimGabe 8 ай бұрын

that's amazing to hear, thank you!

@ahmedsakr7100 10 ай бұрын

such a beautiful content tim , so excited to see your new ones

@TimGabe 10 ай бұрын

thanks Ahmed! really appreciated

@Kartoonzzzzz 6 ай бұрын

This video is wonderful. Stucked many days but could not able to learn it but now my doubts cleared . Thankyouuuuu so muchh....

@TimGabe 6 ай бұрын

that's awesome to hear. thanks for letting me know it worked for you 😃

@michellehansen5095 Жыл бұрын

Love your content!! To the point! I would like to see you cover design systems, color roles, etc

@baturesolomon4687 10 ай бұрын

This tutorial helped me understand component properties so easily ❤ without making it feel like it was difficult

@TimGabe 10 ай бұрын

love it! thanks for letting me know 💜

@doren_dev Жыл бұрын

wow i love the way you teach using easy go to steps its a cool way, great Job.

@ramenitsuga 4 ай бұрын

Huge help! Thank you so much!!

@silverflowerhohocham3711 5 ай бұрын

This was a really helpful guide! so simple and concise yet informative and easy to follow along

@TimGabe 5 ай бұрын

thanks for the comment, friend!

@BrunaMarzarotto 17 күн бұрын

Thank you for this video! It really helped me :) You're amazing!

@AnjaliKumari-sg1hh Жыл бұрын

@ 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. ❣❣❣

@TimGabe Жыл бұрын

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 💜

@emerlander 10 ай бұрын

That's incredible. Thank you!

@TimGabe 8 ай бұрын

thank you for supporting! 😃

@anilslands 9 ай бұрын

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

@TimGabe 8 ай бұрын

that's so cool to hear, anil!! thank you!!

@user-do6jh9kc7o 8 ай бұрын

Thank you for this!!! Love it!

@TimGabe 8 ай бұрын

glad to hear it! 😃

@nenabruce8300 3 ай бұрын

such a straightforward explanation, super easy to follow

@markmcg8309 10 ай бұрын

Thanks - taught me a couple of things I didn't realise that I didn't know!

@TimGabe 10 ай бұрын

haha, that's awesome!!

@agnidiptahomroy8656 2 ай бұрын

Very well explained and informative video, thanks a ton mate.

@babitasharma6918 10 ай бұрын

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.

@TimGabe 10 ай бұрын

that's amazing to hear!!

@kuangyoucheng382 3 ай бұрын

Clear and good tutorial video. Thanks

@martun321 6 ай бұрын

Thank you for this super clear explanation!

@TimGabe 6 ай бұрын

happy it was helpful!!

@EstherFagbenjo Ай бұрын

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

@victorhidalgorico 9 ай бұрын

Thanks for your explication! It's very clear and pedagogic!

@TimGabe 8 ай бұрын

happy you found it clear, my friend!

@gabypino407 Жыл бұрын

Thanks a lot. Just what I needed! Clearly explained

@TimGabe Жыл бұрын

that's great to hear!! 🥳

@GinoZ Жыл бұрын

Great way to break this down. Step by step!

@TimGabe Жыл бұрын

happy you liked it, Gino! 😃

@user-zm8br6cc9q 4 ай бұрын

Really great video. Thanks TIm

@hemisgio18 Жыл бұрын

Oh my! You made that look so simple! Thank you so much :D

@TimGabe Жыл бұрын

that's awesome to hear!! 😃

@DeschutesOutdoorsman Жыл бұрын

Dude, these videos are very well done. Bravo and thank you.

@TimGabe 7 ай бұрын

thank you so much!

@monikasoush Жыл бұрын

Thank you for this video. The best explanation so far I've watched.

@TimGabe Жыл бұрын

thank you for commenting and supporting, Monika! 🥳

@paperfacesingold2 Жыл бұрын

yaaay I finally understood component properties! thanks a lot for this video!

@TimGabe Жыл бұрын

this is the best part of teaching stuff 🤩 thanks for the comment, friend 🙌☺️

@Malikzamincheeta 2 жыл бұрын

I like how you explain the complete process through step by step procedure and clean design ❤❤

@TimGabe 2 жыл бұрын

so happy to hear that Zamin 🤩 have a great morning/day/night, my friend 🥰❤️

@tulasisrikanth4082 Жыл бұрын

you are a life saver just got the concept in just 10 mins 🙇‍♂

@TimGabe Жыл бұрын

that's great to hear 😃

@fliich 11 ай бұрын

Clearly explained and very useful breakdown in your file. Thank you

@TimGabe 10 ай бұрын

happy you liked it!

@thomasfazanaro 4 ай бұрын

The best explanation!!! Thank you!

@shakil_mahmud 3 ай бұрын

this video was great , i love it

@ImoveTraining1 2 ай бұрын

Excellent video tutorial. Thank you.

@tastamimi2043 8 ай бұрын

Big like that was helpful Thanks Tim !

@TimGabe 8 ай бұрын

glad it was helpful!! 😃

@Aizhan_kabi 4 ай бұрын

Excellent explanation! Thanks

@Ergonal Жыл бұрын

All I needed, under 10 minutes. Just great!!

@TimGabe Жыл бұрын

glad it was helpful, Jane!!

@user-gz3vi3th8y 10 ай бұрын

Thank you for the amazing video LOVE IT.

@TimGabe 8 ай бұрын

that's great to hear, thank you my friend!

@ajulka1234 26 күн бұрын

I'm not very strong in creating of design system and your video really helped me.

@omariclam Жыл бұрын

aahhh, amazing I'm a UX/UI Designer so KZfaq first suggests me the perfect video that I'm looking for, thanks Tim it's really helpful.

@TimGabe Жыл бұрын

that's great to hear, my friend 😃 really appreciate the comment!

@somtochukwusandra2728 Жыл бұрын

Glad I came across this. Thank you!

@raghavsharma10245 Жыл бұрын

Thanks a lot for the video 👍👍 It was really helpful!

@joseparamas9828 5 ай бұрын

This is the best explanation of properties I have found.

@TimGabe 5 ай бұрын

so happy to hear that!

@dishakhatwani3836 Жыл бұрын

Thank you so much! your content is really helpful and easy to understand😊

@TimGabe Жыл бұрын

delighted that I can provide helpful content, Disha 🤩🙏

@pavanlapix8218 5 ай бұрын

awesome man you nailed it..!

@jojodesigns777 Жыл бұрын

Very well explained, great channel 🤩Thanks Tim !

@TimGabe Жыл бұрын

thanks a lot for the kind comments Joanna ☺️🙏

@ashwina2820 Жыл бұрын

the best tutorial i have seen, Thank you.

@TimGabe Жыл бұрын

so nice of you, Ashwin! thanks a lot, my friend 🙏😃

@sophieo1157 7 ай бұрын

Thank you! Great explanation 💥

@TimGabe 7 ай бұрын

happy you liked it!!