Back to rankings

Figma Motion: Custom Styles, Audio, Text Animations and Lottie Export

FigmaView original changelog

Figma expanded Motion, its native animation tool, with custom animation styles, audio on the timeline, per-character text animation and Lottie and dotLottie export. Teams can now save and publish reusable animation patterns to libraries, sync sound against keyframes, and hand off portable animation files. The update is available in open beta.

Key Takeaways

  • Custom animation styles capture easing, duration and variable-backed properties, so motion can be saved once and reused across files.
  • Styles can be published to libraries, which gives design systems a shared motion language alongside colors and components.
  • Audio now lives on the timeline, where it can be trimmed, split and aligned to keyframes, then exported inside MP4 and WebM files.
  • Text animation works on individual characters, words or lines, and the text remains fully editable afterward.
  • Lottie and dotLottie export gives developers a production-ready animation format straight from the design file.
  • Animation styles can be applied by the Figma agent and coding agents, connecting motion design with AI-assisted implementation.

Reusable, Expressive, Portable Animation

Figma Motion, the native animation tool that lives on the Figma canvas next to components and designs, received a substantial update in open beta. According to Figma, Motion becomes more reusable, expressive and portable in this release, giving teams a faster path from the first keyframe to polished, handoff-ready animations.

Custom Animation Styles

Designers can now save animation styles that carry custom easing, duration and variable-backed properties. Several styles can be combined into a richer animation and saved as a single pattern, which turns one-off motion work into a repeatable building block.

Those styles can be published to libraries, so a whole team applies the same motion language across files in the same way it already shares colors, text styles and components. Figma also noted that styles can be applied automatically through the Figma agent and through coding agents, which links motion decisions made in design to what gets built.

Audio on the Timeline

Motion now supports audio directly on the timeline. Designers can drag audio files onto motion clips or onto the timeline itself, then trim, split and reposition the sound against keyframes to line up beats and transitions. Audio is included when animations are exported as MP4 or WebM, so a prototype video can be reviewed with its soundtrack intact.

Text Animation Control

Text layers gain finer animation control. Designers can animate individual characters, words or lines within a text layer, which opens the door to staggered reveals and kinetic typography. The text stays fully editable after animation is applied, so copy changes do not force the motion to be rebuilt.

Lottie and dotLottie Export

Animations can now be exported as Lottie or dotLottie files in addition to the existing video and animated formats. Lottie is a widely used format for shipping lightweight vector animation to web and mobile apps, so this export shortens the path from design to production.

Availability

These Motion features are part of the open beta. Figma points to its help center article "Explore Figma Motion" for setup and usage details.