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

Подписаться 85 тыс.

Просмотров 133 тыс.

50% 1

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)

Опубликовано:

10 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 577

@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: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Kf8L3CeiWzQ.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 10 месяцев назад

thanks 🤩

@esthernwaogu592 26 дней назад

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

@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 3 месяца назад

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

@razionojikan 9 месяцев назад

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 9 месяцев назад

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

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

@danielazavala1382 2 месяца назад

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

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

@petrasmolcic2518 4 месяца назад

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!

@OCDesigns. Год назад

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

@TimGabe Год назад

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

@glaecia 5 месяцев назад

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

@amandapfeiffer2693 5 месяцев назад

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!

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

@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 😃

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

@Runeansfelt Год назад

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

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

@ahmedsakr7100 11 месяцев назад

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

@TimGabe 10 месяцев назад

thanks Ahmed! really appreciated

@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 😂🥳

@jamesaldwin7080 4 месяца назад

Quite simply the best video on components - thank you!

@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 ☺️🙌

@emeraldezy9675 9 дней назад

The Recent Properties Variants. Kudos for all you do

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

@ArbaazKhan-wb2dt Год назад

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

@TimGabe Год назад

glad you enjoyed it, Arbaaz! 🤩

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

@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 🥳

@Ergonal Год назад

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

@TimGabe Год назад

glad it was helpful, Jane!!

@mfenge 4 месяца назад

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

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

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

@techtalkswithfinbarr Год назад

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!

@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 ☺️

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

@svitlanagordiievska3695 Год назад

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

@TimGabe Год назад

appreciate it a lot, Svitlana 😃

@hemisgio18 Год назад

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

@TimGabe Год назад

that's awesome to hear!! 😃

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

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

@lineseverinsen8637 Год назад

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

@TimGabe Год назад

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

@robbmillerart Год назад

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

@learnwithaasim Год назад

Very insightful video. Awesome💜

@TimGabe Год назад

once again, thank you my friend! 💜

@sk8ergirl66687 4 месяца назад

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

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

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

@madhoundes 2 года назад

Amazing as always , thanks

@TimGabe 2 года назад

thank you for the kind words, my friend 🤩🥳

@anilslands 10 месяцев назад

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 9 месяцев назад

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

@emmanuel9066 Год назад

Very Useful, Thanks tim

@ckizer 3 месяца назад

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

@michellehansen5095 Год назад

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

@doren_dev Год назад

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

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

@AnthonyWalker-bf9be 19 дней назад

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!

@DeschutesOutdoorsman Год назад

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

@TimGabe 7 месяцев назад

thank you so much!

@PrajyotMeshram 2 месяца назад

This is soooo goood! Thank you Tim!

@BrunaMarzarotto 27 дней назад

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

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

@lidiia_s 8 месяцев назад

Дякую за вашу роботу! Дуже цікаво

@TimGabe 8 месяцев назад

i don't understand it, but i like it!!

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

@user-qj3rz3vv9j 6 месяцев назад

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 6 месяцев назад

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

@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 🙌☺️

@ramenitsuga 4 месяца назад

Huge help! Thank you so much!!

@user-do6jh9kc7o 8 месяцев назад

Thank you for this!!! Love it!

@TimGabe 8 месяцев назад

glad to hear it! 😃

@markmcg8309 10 месяцев назад

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

@TimGabe 10 месяцев назад

haha, that's awesome!!

@MoritzFischer 6 месяцев назад

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

@TimGabe 6 месяцев назад

awesome to hear, moritz!! thank you!

@MinalB1539 9 месяцев назад

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

@TimGabe 9 месяцев назад

thanks a lot for the comment and support!

@designbydaniiiyal 3 месяца назад

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

@turaluix 2 года назад

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

@TimGabe 2 года назад

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

@turaluix 2 года назад

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

@TimGabe 2 года назад

@@turaluix truly appreciate the support! 🙏🥳

@somtochukwusandra2728 Год назад

Glad I came across this. Thank you!

@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 💜

@untangle_mind Год назад

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

@Samibravo832 2 года назад

Exactly what i was looking for!

@TimGabe 2 года назад

so happy to hear that it was helpful, Samir 🤩

@adhithyanp8585 Год назад

Thanks Tim! It helped a lot.

@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 💜

@GinoZ Год назад

Great way to break this down. Step by step!

@TimGabe Год назад

happy you liked it, Gino! 😃

@timepiecevideos Год назад

Great content. Well explained!

@TimGabe Год назад

happy you liked it! 🥳 thanks for commenting!

@shakil_mahmud 3 месяца назад

this video was great , i love it

@dishakhatwani3836 Год назад

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

@TimGabe Год назад

delighted that I can provide helpful content, Disha 🤩🙏

@CW-lf1xh Год назад

Here bro, take this thumbs up and subscription, you earned every piece of it. Love the content!

@TimGabe Год назад

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

@svetlanashebika8127 Год назад

Thank you so much for figma files!

@TimGabe Год назад

no worries Svetlana! 🥳

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

@gangstermania 6 месяцев назад

I don´t even finish the video and it is already have fav, like and a comment, excellent content man.

@TimGabe 6 месяцев назад

that's amazing to hear. thanks for the support, friend!

@vridhisahu4642 Год назад

Thank you for making it so simple!!

@TimGabe Год назад

happy that I could help, Vridhi! 🥳

@reyhaneh5369 Год назад

Great🤩 The best tutorial i have ever seen.

@TimGabe Год назад

thank you Rey!! comments like these just make me so excited to continue creating content. 🙏

@gabypino407 Год назад

Thanks a lot. Just what I needed! Clearly explained

@TimGabe Год назад

that's great to hear!! 🥳

@polinakr9237 Год назад

It's so cool and understandable. Thank you so much!

@TimGabe Год назад

I'm happy you got some value out of it, Polina!! thanks for the support 🥳

@tastamimi2043 8 месяцев назад

Big like that was helpful Thanks Tim !

@TimGabe 8 месяцев назад

glad it was helpful!! 😃

@emerlander 10 месяцев назад

That's incredible. Thank you!

@TimGabe 9 месяцев назад

thank you for supporting! 😃

@thazleassain212 3 месяца назад

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

@viktorializanets7603 Год назад

Thanks! Great tutorial!

@Slaine2watch Год назад

Very easy explained - awesome!

@TimGabe Год назад

thank you for the the nice comment 🙏😃

@jojodesigns777 Год назад

Very well explained, great channel 🤩Thanks Tim !

@TimGabe Год назад

thanks a lot for the kind comments Joanna ☺️🙏

@contenidoscreativosig 2 года назад

Amazing tutorial!!! Thank you! 😊

@TimGabe 2 года назад

Antonio, I’m so grateful for the support! thanks, my friend!! 🤩

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

@tulasisrikanth4082 Год назад

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

@TimGabe Год назад

that's great to hear 😃

@markovranjesevic2993 Год назад

Great tutorial mate, good stuff!

@TimGabe Год назад

thanks a lot, Marko!! 🙏

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