That was a good one. Labelling seems to be one of the trickiest parts so doing it well as soon as possible is part of the challenge.

One of the best tutorials on the subject, really concise and to the point, and practical explanation, love it, well done!

Thank your for the clarity and showing what is possible with variants.

By far the best workflow and explanation for components and variants I've been able to find. Seriously, thank you!

my man... always making the complex -> simple.

Nice clean tutorial. Naming and structure on the Variants panel can be confusing for first-timers but it becomes easier. Thanks for the content.

Yes - More Figma tutorials from MDS

Great work. Learned a lot and at the end I make them interactive and they look beautiful in prototyping. All thanks to you.

God this is so much better than any of Figma's documentation, thanks!

Super helpful! But I wish your resolution was bigger, hard to see what youre doing on on the right panel

Mind blowing... Best variants tutorial so far 🤯

This is a great video, thanks! i understood everything about variants with this video, you teach very well! especially that naming convention part by showing all scenarios one suggestion i might give is that you could zoom more on the menu when u talk about it because its very small and hard to see the changes sometimes

So useful and easy to understand. adoreable

this is a great video! you are a a natural teacher for sure knowing when to repeat and practice things throughout the video. the Figma official videos tend to be for existing users I find! thanks!

Sporting a quarantine beard, nice! Been missing these videos. Thanks Matt, quality content 🔥

Great stuff. Thank you!

Heyy, loved the tutorial! Could you make a video on how to add interactions to these buttons so that they switch seamlessly across these variants? Been having a lotta trouble with that. Again, thanks for this :D

Thanks i Just got the main usage of variants of Figma will be applying the same thing on future

This video is SO helpful! Thank you so much !!!

Awesome work Matt! You're really good at teaching. I only used Figma a few times since for now I currently use Sketch. VARIANTS kind of remind me of Overrides in Sketch but with more granular control.

love this thanks

Such an incredibly helpful tutorial thank you so much!! I hope you make more :)

your the best!

amazing video

Very good!!

Good video; struggling a bit on how to utilize variants to create a prototype without using a gazillion different frames/instances of them. Would be nice if you could prototype an instance of an icon so that if you hover or click it it changes to a different variant within that frame without having to make a different frame to show the action... thoughts on how to do this easily?

so good! thanks for doing this. Do you happen to have a video where you show how to prototype these checkboxes? Like selecting multiple of these at once in a prototype? I would LOVE to learn that.

Awesome tutorial, thanks :) you rock!

Solid!

Thanks

Thank you so much....

My thoughts after finishing this video: Wow!

thank you it was really helpful

Great tutorial, thanks so much Matt! I think that for stuff like the dots (or any element which has its static place) it can be turned on/off in the layers panel as well (using an eye icon). This way we can possibly have less variants/naming combinations to consider. But I guess it's a personal preference thing ;)

Hi MDS, Is there a way to add keywords to the Figma variants so that it is easy to search from the assets panel?

This is amazing, thank you so much! Do you know any way to swap Figma libraries?

great tutorial, thank you. by the way, is there any way to make a button that clear all the selected check box?

How did you get the figma main page to be black in color?

cool!

How to figma dark mode ?

That's so generous explanation. Why don't you make more videos on UIUX and Figma?

please let me know what the font is . Looks soooooooooooooo cool.

Muito bom !!!

thank you, why signing in of intro to icons course doesn't work?

How to enable microinteractions within variants? Meaning when you are prototyping so you can see the hover and pressed action? hope that make sense

YES 🏆

Yesssss!

So Variants are just for organization? Can't you prototype with them?

🔥🔥🔥

awesome! thank you for tutorial. one thing, the UI is too small to view, i think you have a massive 5k display, be kind for us, 1080p will do great or some zooming in :)

thaaaaaaaaaaaaaaaaaaaaaaaaanks

I wish I'd seen this a year earlier

Are you using a beta version of Figma? these variants dont work based on your explanations and I certainly dont get that little interactive button at 2:52

RIP Headphone users at the beginning.

way too complicated...