Components are reusable elements; instances inherit the master and can expose properties (Boolean, Text, Instance Swap, Variant). Variant changes can animate via FLIP.
Where: Right sidebar → Design System → Components tab — Create a component from an element, or insert an instance
Key ideas
- Master & instances: Edit the master to update every instance; instances bind by component id + prop values.
- Component properties: Boolean, Text, Instance Swap, and Variant props (carried over from Figma imports too).
- Variant animation: A variant-animate interaction tweens the subtree (FLIP) when a prop changes.
Steps
- Select an element and create a component.
- Define properties (text/boolean/variant) on the master.
- Insert instances and set their prop values.
- Edit the master to propagate changes to all instances.