Figma Motion → Lottie

Turn your Figma Motion animations into production-ready Lottie files — in one click.

Design your animation with Figma's Motion timeline, select the frame, and export a clean, lightweight Lottie (.lottie) that plays anywhere lottie-web, dotLottie, or any Lottie player runs. A live preview plays right inside the plugin, so you see exactly what you'll ship before you download.

Why designers love itOne-click export — select a frame, hit Download .lottie. No setup, no code.

Live preview — watch the animation loop in the panel with play/pause, restart, and a scrub slider.

Truly lightweight, still crisp — shapes, gradients, strokes, and text render as real vectors (not baked images), so files stay small and razor-sharp at any size. Only true photos are embedded, deduped, and optimized.

What it exportsTransforms — position, rotation, scale, opacitySize — width/height growthCorner radius, stroke weight, stroke & fill color — animatedTrim paths (draw-on), gradients (linear & radial, on fill and stroke)Drop shadows & blur, plus per-object rotation pivots you can set in the panelNested frames, components & instances, and clip-content frames (properly clipped)Good to knowRuns entirely on your machine — your designs never leave Figma.

Complex art (images, effects) is embedded as crisp PNG with transparency preserved.A few things Lottie's format simply can't represent (inner shadow, backdrop blur) are flagged clearly on export instead of failing silently.

Design the motion. Export the Lottie. Ship it.