Figma launches Real-Time Motion Studio and native Lottie export

Design · 4 min read

Figma rolled out Real-Time Motion Studio, a built-in animation workspace that enables designers to craft timeline-based and physics-driven micro-interactions collaboratively. The feature brings keyframe editing, curve editors, and motion libraries directly into Figma’s canvas, with low-latency preview for teams working remotely.

Crucially, Figma introduced native Lottie export that preserves expressions, easing the transition from design to production for mobile and web engineers. The export supports vector-based morphs, trim-path animations, and limited scripting across components, making Lottie a first-class asset in the design system pipeline.

The company also added motion presets and accessibility-aware defaults, automatically suggesting reduced-motion variants and contrast-optimized timings. Community creators can publish motion kits to an integrated marketplace, accelerating reuse across design systems.

Designers praised the tighter iteration loop and fewer plugin dependencies, while developers appreciated the cleaner handoff artifacts. Some advanced After Effects users noted limitations in complex timeline scripting, signaling continued space for specialized motion tooling.