Components

Why Use Components

Components let you maintain consistency across your designs. Edit the main component once and every instance updates automatically.

Components serve as the foundation for building design systems.

Creating Components

Any standard design element — a frame, shape, or text — can be converted into a reusable component.

1. Select the element
2. Press Cmd/Ctrl + Option/Alt + K or click the “Create component” button at the top of the properties panel
3. The element is now your component origin, marked with a magenta bounding box when selected

Using Components

Simply copy the component origin on the canvas to create an instance.

A component instance is marked with a violet bounding box when selected.