29,890 views
How to create Advanced Components in Figma using component properties! A complete class showing everything from the component structure using Auto Layout, to adding advanced features like Text and Boolean properties. 00:00 - Introduction 00:42 - Types of component properties in Figma 01:52 - Creating a new project 02:52 - Creating Auto Layout 03:26 - Unsplash Plugin 04:20 - Defining Size Restrictions 06:39 - Creating a button with auto layout 09:05 - Creating the icon for the button 09:39 - Configuring the button's auto layout 11:53 - Explaining component properties 12:26 - Creating text properties for the button 13:53 - Creating Card properties 16:05 - Testing component properties 16:32 - How to expose Nested Instances? 16:54 - Conclusion To learn more about Figma, secure your spot on my Figma Course https://cursodefigma.com #figma #figmadesign #components #variants #autolayout #cursodefigma #designsystems