Designer Animation & motion: sequence, beats, interactions, and handoff

Create a standalone motion piece on a fixed stage, choreograph it with beats and interactions, tune the timeline, and hand off compiled playback.

Where: Designer → Add page → Animation & motion.

Key ideas

A motion piece is not a video edit: Motion and Video share a 1920×1080 fixed stage and time rail, but Motion starts as a beat-led animation sequence and does not expose video or audio generation tools.
Motion and interaction are separate specs: Motion defines what changes over time; interactions define triggers such as load, click, hover, keydown, timeout, or pointer movement and the action they invoke.
Direct timeline edits and AI writes converge: Dragging, retiming, reordering, changing a preset, or tuning a knob writes the same document MotionSpec used by the assistant, undo, collaboration, preview, and export.

Add an Animation & motion page and establish the art direction and exact 1920×1080 composition.
Build selectable document elements before targeting them with beats.
Create a small named beat sequence with durations, presets, optional overlap, and deliberate loop or play-once behavior.
Add interactions only where an input should start, scrub, or modify the sequence; do not duplicate the same behavior in arbitrary scripts.
Use the bottom rail to reorder and resize beats, scrub the playhead, and open the selected beat’s Tweaks card.
Preview from the beginning and check motion for missing targets, unresolved cues, duplicate names, and conflicting drivers.
Review the composition at important moments, not only at time zero.
Share/export the compiled presentation or render path and inspect its timing outside the editor.

Keep one authoritative driver for each property; two beats or runtimes fighting over the same transform produce unstable results.
Use overlap for choreography, not as a substitute for naming and ordering beats clearly.

Animation & motion does not expose video/audio generation on its page-specific assistant surface.
Its fixed stage does not provide Desktop/Tablet/Mobile or the video/ad aspect picker.
Reduced-motion behavior and the exported result still require review.

Read the target element again, confirm its stable id, and run check_motion for a missing target or unsupported preset/knob.

Look for duplicate interaction drivers or a property animated by more than one beat, then keep one source of truth.