Components and variants
Instances are drawn with their overrides, swapped variants, and component properties.
Use components as you normally would. Every instance is expanded from its main component, so it converts exactly as it looks in Figma:
- Overrides. Changed text, colors, visibility, and images on an instance, including inside nested instances.
- Variants and swaps. An instance switched to another variant, or a nested instance swapped for a different component, draws the one you picked.
- Component properties. Boolean, text, and instance-swap properties set on the instance.
Controls inside instances are recognized like any other layers, so a checkbox component used ten times gives ten working checkboxes, each with its own value.