The Layers tab
Every layer in a list, the AI's reasoning, exact keyframe values and layer depth for the camera.
The Layers tab in the inspector lists every layer of the animation with what it animates. It's the place for exact numbers: open a layer to see its properties and a table of its keyframes with time, value and curve. It also holds the AI's reasoning for the current version.
Why it moves like this
When the AI made the current version, the top of the tab has one quiet line: Why it moves like this (3). Click it to read each decision, for example “Pressed scales to 0.97 in 200 ms: a press has to answer at once”. It stays folded by default so the layers come first.
The layer list
- Each row shows the layer's icon, name and role, and a summary like
opacity 2× · y 2×(property and number of keyframes). Groups with Auto Layout show an arrow badge (↔ row, ↕ column). - Open a child of a layout group and its In Auto Layout settings appear below its properties.
- Click a row to open it: the layer's properties, then the keyframe editor.
- Edits here go into the same draft as the stage; apply them with Apply or ⌘↩.
The keyframe editor
| Field | What it does |
|---|---|
| Depth z | Distance to the camera: positive is closer (parallax, shadow, depth of field) |
| t | The keyframe's time in seconds |
| = | The keyframe's value |
| Curve menu | The curve into this keyframe: Ease-out, Ease-in-out, Ease, Drawer, Linear, Spring smooth, Spring lively, Spring playful, Hold, Ease-in |
The first keyframe of each property shows Start instead of a curve.