Edit a component
Double-click an instance to open the component with its own timeline; every instance follows your edits.
Edit mode opens the component on its own, as a scene with its own box and clock, like opening a precomp in After Effects. The timeline switches to the component's duration and its layers, and every change you make reaches every instance.
- Double-click an instance on the stage, or its lane or magenta clip in the timeline. You can also select it and press ⌘↓ (Stage → Open Component), click Edit Component in the inspector, or double-click the component in the library.
- The stage shows a pill with ◆, the component's name and Done. The top of the timeline shows where you are: ‹ Main timeline › ◆ Card.
- Edit layers, keyframes and styles as usual.
- Click Done, press esc (with nothing selected) or ⌘↑ (Stage → Back to Parent) to go back. Every instance has updated.
What's different in edit mode
- The timeline shows the component's local time, starting at 0.
- Selecting a layer inside shows Expose as prop (◇) in the inspector. See Props.
- The stage pill has a variant menu (Base) when the component has variants, or to add one. See Variants.
- Music belongs to the scene: press Done before adding music.
Find the main component
Go to Main Component (selection bar instance menu, or lane menu) opens the library with that component highlighted.
Troubleshooting
| If this happens | Try this |
|---|---|
| ⌘↓ moves the text cursor instead | A text field has focus. Click the stage, or use Stage → Open Component. |
| “That component is missing” | The instance points at a component that was deleted. Pick another in Main, or detach it. |