Open-beta animation mode built into the Figma canvas. It adds a timeline, keyframes, motion systems, and exports for design and development handoff.
Key strengths: Animates existing components and variables directly.; Combines manual control, presets, and agent assistance.; Preserves context for developer handoff.; Exports delivery formats and usable code..
Add Motion to Figma when motion must become a reusable, inspectable property of the design system.
Practical uses
- Animate interface states.
- Build a reusable motion system.
- Hand an inspectable animation to developers.
Features & use cases
Animation
Motion design
Prototyping