New Figma Components 101: Variants and Component Properties (Boolean, Instance Swap, and Text)

Today I'll walk you through the two two levels of Figma Components:
1) Variants
2) Component Properties (Boolean, Instance Swap, and Text)

While variants have been around for a while, component properties are new to Figma!

---------------------------------------

📹 Related Videos 📹

---------------------------------------

⏲️ Timestamps ⏲️
0:00 Introduction
0:50 Variants (Components Version 1)
11:35 Component Properties (Components Version 2)
12:12 Text Properties
15:16 Boolean Property
19:34 Instance Swap Property

---------------------------------------

🌐 Connect With Me 🌐

[pedrosanchez]

exact definition of what i have been searching for, i learned more from your tutorial than the original documentation on figma's site, much love and great appreciation. !

[AlexV-wiwr]

Thank you so much for this extremely informative tutorial! There is no fluff and you get straight to the point. I watched several Figma and LinkedIn Learning tutorials, and I feel that you've explained it way better than they have.

[nhadepshouse]

Yo this helped so much and I always appreciate the content and when i found the channel and got the energy from you from the previous video, you've been nothing but real and can vouch for the amazing content and how down to earth you are with everything! All the most love, respect, and appreciation <3

[kelikicheeki]

As someone who was getting really confused figuring out the Version 2 way of configuring components, this was such a helpful explainer vid. Thank you so much!

[lisatestmann]

Super clear, much better that Figma original videos explain the subject. Thanks a lot!

[bhavyaluthra]

Omg, I'm finally able to understand this concept after watching tons of other videos, but  through your video I'm able to make it to an end and am so grateful for your video. Keep making such videos ..🥺😌✔

[LordDungeon]

Thank you very much!!! I am learning Figma so that I could create a design plan for my android application. This greatly helped me understand the concepts between variants of component version 1 and 2. Now my workflow is comparably faster from what I started last week. Keep it up!!! I want to support you all the way!!!

[oscarsanzsanchez]

Awesome video! Finally someone who explains it in a manner that's easy to understand. Congratulations!

[black-purple-dev]

I've started using Figma a week now, and working with variants was not an easy thing for me + it didn't work form the first time. With this video I was able to achieve what I needed without much effort. Thank you.

[sprioleau]

Amazing! You cleared up a lot for me in this video. I was just working on a component system yesterday, so this was timely. Thanks.

[julia_ggg]

This was one of the best tutorials I've ever followed :) Thank you so much for making this, it's so clear and informative! I learnt a lot, now I need to make 100 examples to practice :D

[maaznadeem]

Watched so many videos and nobody has explained it like you! Thank you.

[harshadrokade]

Thanks bro I almost watched all videos but you explained it "smooth as butter" 👍 please make more videos on figma

[EnesKab]

This is the best and right to the point explanation of Figma components. Thank you !

[khaldounal-nuaimi]

This is an excellent tutorial that helped me a lot, thanks a ton!

[yarosonelizabeth]

Yoooo
This was so easy to understand
Thank you so much!
I’m sending you a virtual hug right now 😭

[Jen-hitg]

Thank you so much for this tutorial, your explanations and examples are so clear! Really appreciate it

[preciouswen]

I really benefited from this tutorial. It was such a great help. Straight to the point explanation. Thank You

[lydiab]

Oh my, thank God for this video. Finally I understand! Thanks so much. Subscribed :)

[animedrill]

This is pure gold, now I can have some peace. Thank you for sharing.