How to design buttons in Figma // Use variants and booleans for multiple states

In this video, I show you how to quickly create a button in Figma using auto-layout. Beyond that, I walk through how to use variants and booleans to create hierarchy, variations, and states for your buttons.

//// Affiliate links below

----

Here's what's in my designer backpack at the moment:

*****

Please like, comment, share, and subscribe. This is a new experience for me, so your feedback is greatly appreciated. Feel free to suggest any other topic or technique you'd like me to cover.

---

Follow me elsewhere

[panamared]

this is the shortest and the most to the point video of figma variants + booleans, good job

[billtedder]

Nice, finally there is someone that paces themselves and gives you time to absorb what is being said.

[JakeSchlegel]

wow. thank you for explaining this so simply and efficiently! Also, thank you for not feeling the need to add humor lol.

[jessecuster]

Thanks a lot man! Clear and upto point. Hard to find such great short tutorials specifically for design tools on youtube. Keep going!

[Slayermunch]

🤬🤬😡I Am So mad at Youtube right now, in my entire years of watching uiux videos never even once did it show your channel man. youtube has done injustice to you and also for people like me. Loved the video a lot. Very short crisp and clear straight to the point not much talking right explanations at the right time. subscribed immidiately.

[amyr.bailey]

i started using it while the video was still playing. Thanks man. You just saved me so much time!

[nathslozano]

Direct to the point! this is great, I love your quick tutorials!

[teaspoonful]

Thanks for creating this. This was absolutely helpful compared to the others I’ve watched. Cheers

[PamDavison]

Great video, so clear and easy to understand. Thank you 90Degrees!

[adrian.diaconescu]

A no-nonsense, no-filler tutorial. I love it! 👍

[adesewade]

Thank you, Alberto for such an explanatory tutorial. I'd definitely be using this.

[samruddhisarode]

This is the most easy to follow, very helpful and awesome tutorial!! Thank you

[irenemeleski]

Thanks for showing us how to implement an icon. I like your demonstration of the booleans.

[ninguemnobeat]

Thank you for explaining this thoroughly!

[NeroNegron]

Man this is great stuff. More and more I’m getting the urge to drop Sketch, specially since I can use Figma regardless of OS. Love the use of booleans and their implementation on the ui. So much easier to find a toggle than parsing through dropdowns.

[LiziAltenhofen]

I've been looking everywhere for this! Thank you so much for showing us how to do it!

[ouajbir]

Super straightforward, Thank you very much

[angelootori]

A life saving tutorial，everything is clear and easy，like how the action with the keyboard shortcut is stated out too，save me a lot to complete design project given by university. Definite the best tutorial I found，thanks a lot for the sharing

[anjalibara]

thank you so much, you've explained it really well as compared to the other videos I've watched, finally got it! specially about the booleans.

[ekaterinadergam]

Waiting for the next video!Very useful!