Skip to content
Figma Motion ↔ Lottie (Import, Batch Export)

Figma Motion ↔ Lottie (Import, Batch Export)

by Dzung Nguyen

2-way Lottie bridge: Import JSONs, batch-export 50 frames, & render complex masks perfectly

FreeFigma

Installs

41

Likes

9

Users

621

Views

509

Preview

Figma Motion ↔ Lottie (Import, Batch Export) preview

About this plugin

🔥 KEY FEATURE🔄 2-Way Conversion: Don’t just export. Import any Lottie .json back into Figma, edit the keyframes, and export it again. A complete round-trip workflow.

🚀 Batch Export (Up to 50 Frames): Save hours of tedious work. Select multiple animated components or frames and export up to 50 Lottie files in a single click.

👁️ Interactive In-App Preview: Review your Lottie .json directly inside the Figma panel before downloading. What you see is exactly what you ship.

✅ Supported Formats: Standard & Optimized Lottie JSON💫 Morph Animation Import: Suport convert to frame-by-frame🏞️ Image suppport: Reliably export animations with images to JSON, and import image-based JSON files into Figma with smooth motion.

🎨 Advanced Animation Engine: Where others break, we render smoothly. Full support for Complex Masks, Linear/Radial Gradients, and intricate nested animations.

✨ CORE CAPABILITIESTransforms: Position, scale, rotation, and opacity keyframes.

Easing: Custom easing curves and hold keyframes for natural motion.

Vector Properties: Shapes, frames, groups, fills, solid strokes, clipping, and trim paths (draw-style).

Customization: Adjustable frame rates and toggle between optimized or readable JSON outputs.

Privacy First: Runs 100% locally on your machine. Your files never leave your device.

💡 BEST FOR: Product Designers, UI/UX Animators, and Developers building micro-interactions, onboarding flows, loaders, and dynamic icons.

Design it. Import it. Batch export it. Ship it.

More prototyping & animation plugins plugins

View all