Figma tutorial: Component properties

Figma is free to use. Sign up here: With component properties, you can define which parts of a component can change. And instead of creating separate variants, you can use component properties to reduce the number of components needed. This takes the guesswork out of designing for anyone using these components and they can quickly make adjustments as Figma keeps component property controls in one place. Play with our component properties community file: Learn more about component properties on our Help Center: Learn more about interactive components: Learn more about variants: Check out our other component properties video: 00:00 - Introduction 01:20 - Types of properties 01:29 - Overview 01:40 - Previous content 01:46 - Community file 01:51 - Button Component 02:31 - Instance swap property 03:38 - Text property 04:09 - Boolean property 05:24 - Consume component properties 05:53 - Variant property 08:52 - E-commerce store card 09:25 - Add component properties 12:04 - Set up the left icon 13:01 - Set up the right icon 14:18 - Set up the text layer 16:08 - Clean up 17:08 - Using the new button 17:49 - Wrap up ____________________________________________________ Find us on ⬇️ Twitter: Instagram: LinkedIn: ____________________________________________________ Music credit: Those Days When We Were Happy by Babasmas Creative Commons — Attribution-ShareAlike 3.0 Unported — CC BY-SA 3.0 Free Download / Stream: Music promoted by Audio Library #Figma #Config #FigJam #Tutorial #NothingGreatIsMadeAlone