Components

Component Types

Regular Elements:

• Standard design elements (frames, shapes, text)
• Blue bounding box when selected
• Can be converted to reusable components

Reusable Components:

• Component symbols that can be reused
• Purple/magenta bounding box when selected
• Changes to the main component update all instances
• Similar to Figma components or React components

Creating Reusable Components

Convert an element:

1. Select the element
2. Press Cmd/Ctrl + Option/Alt + K
3. Deselect and reselect to see the purple highlight

Why use components:

• Maintain consistency across designs
• Update all instances by editing one
• Build design systems
• Sync with code components