Skip to content
Documentation ▾

Organize

Components

The same idea as Figma components — a shared source, instances that stay in sync, and an explicit way to break sync when you need one instance to be different.

One source, many instances

A component is a frame flagged as a shared definition. A nested clip that points at that frame is an instance of it. Instances share their source by default — duplicating an instance, pasting it, or Option/Alt- dragging to copy it all produce a new instance that still points at the same source frame, not a copy of its content.

Because every instance is literally looking at the same underlying frame, editing the component’s content updates every instance at once, automatically. Promote any selection into a component to create a new shared definition from it.

Breaking sync on purpose

Sometimes one instance needs to diverge from the rest. Detaching an instance deep-clones the component’s frame content into a fresh, private frame, so that instance is free to change without affecting any other. Divergence is always something you do on purpose — it never happens by accident.

Where definitions live

Component definitions live together on an auto-managed Components page in the document — see Pages & nested framesfor how pages work — so they don’t clutter your regular design pages. Placing an instance works the same as any other nested clip on the timeline.