Component Properties

Component properties are tied to different design properties. You can create component properties for any main component or component set, and apply them to nested layers of the component or variant.

Component properties come in different types:

  • Boolean properties
  • Instance swap properties
  • Text properties
  • Variant properties

https://help.figma.com/hc/en-us/articles/5579474826519-Explore-component-properties

We will create a Button with an icon that can allow customisation of its Instances in the design layout UI.

We need some icons – get them from using a plug from Figma Community, here we have use Material Design (Community) plug in and set up 3 icon and make them into Components