Figma: Button Component with Properties

🤘 Learn how to wield the power of Figma’s Properties to create a badass Button Component 🤘

I’ve been away for a year, focussing on my Wife who is fighting Stage IV lung cancer, and my Daughter who’s needed us both during this time. It’s good to be back and thanks for watching! 🙂

// Visit my Wife’s GoFundMe

// Scale Design System

// Software used

// For updates and other tutorials, follow me on

#figma #button #properties

[Liron-InbalParsi]

One of the best tutorials I've seen. Thanks!

[tmmx]

This was amazing Christopher! Thank you!

[jpearson]

Love it! Had no idea about the Boolean features. Cheers!

[mischugo]

Nice tutorial. Thanks a lot. But how is a color layer working? Thanks again

[siavashaslani]

Hey Bro, hope you and your family doing well ... can't wait to see more Figma tutorials. I think it would be nice to develop a design system like your previous playlist on Sketch just right in Figma too!

🤘🤘🤘

[utkcht]

The best tutorial I've found on how to leverage properties to make robust components. Do you have a video/ is there somewhere I can learn how you created the color style system and the best practices involved in the nomenclature of those styles/ tokens?

[joemontero]

LOL! Sick intro 🤘. The rock beat reminds me of DOOM game. Thanks for this Figma video. I love it when you go into the details and how professional everything looks. It's great to see you again Chris.

[vedantv]

Hi Focus mode is missing. Can you please add that too...

[HyberCrashDK]

A little hack for when you have variants. You can add Auto layout to the dashed bounding box so you don't have to resize anything. When ever you add new instances, it automatically adapts its size :)

[tatokprayoga]

THANKS A LOT BROTHER, FULLY THUMB UP FOR YOU

[sebastianyepes]

Hi Christopher, do you know how to create an instance for the shadows called from another library? There is not a single video on YouTube about it!

[PUKSVA]

But u cant make icon only button square with same dimensions with component properties. You will have to change that manually everytime. Or is there any way?

[zeppelin]

Did u switch to figma from sketch? Or using both of tools?