Keyframes are the diamonds on each property track in the Studio timeline. You add, move, copy/paste, ease, and delete them to animate any property over time.
Where: Top bar → Timeline (Studio) → a property track — Scrub to a time and change a property, or record
Key ideas
- One per property/time: A diamond marks a property’s value at a given time; the timeline tweens between diamonds.
- Editing: Select, drag to move, copy/paste (⌘C/⌘V), and delete keyframes.
- Easing: Apply easing per keyframe (F9 easy-ease) or open the graph editor for full curves.
Steps
- Open the Studio timeline and expand a layer.
- Move the playhead and change a property to drop a keyframe.
- Drag diamonds to retime; copy/paste to repeat.
- Apply easing (F9) or open the graph editor (Shift+G).
System clipboard and shared presets
Timeline keyframes use the system clipboard, so later copies in other apps take precedence. Focus and Studio share searchable motion presets with duration and Clip edge/Playhead placement. Negative keyframe handling and first-frame sets after timeline construction are corrected.
Load, scroll, group, and delivery parity fixes
Load triggers fire from a fresh page load again; AI-authored staggers can target the parent and animate children; grouped GSAP relationships survive import; pinned motion is bounded by available page flow; styles and detached video playback carry into preview/export more reliably.
- Test a load animation from a fresh Preview reload.
- Keep a pinned scene away from the end and verify its full travel.
- Export/render after source changes; an older artifact is not automatically regenerated.