+

Design interactive
motion with Figma

Discover, animate, and export premium Lottie animations without ever leaving Figma. No complex motion skills required.

100.4k installs
Preview

Animate in Figma. Export to Lottie JSON.

Why designers switch to LottieFlow

Built for professionals who care about performance and flawless rendering.

Every Figma effect. Exported perfectly

Smart Animate, Dissolve, Push, Slide, Move In/Out — plus blur, opacity, rotation, gradients, and image layers. Most plugins break on complex animations. LottieFlow doesn't.

Prepare your animation. Before you export

Figma rasterizes images at 1× by default — too low for Retina screens and mobile. LottieFlow lets you rasterize at up to 8× before export, so your Lottie looks sharp on every device.

Fine-tune every animation

Change duration, easing, trigger type and delay — for every frame at once or each one individually. No more clicking through prototype connections one by one.

Your Lottie files are bloated.
We fix that

Drop any Lottie JSON — LottieFlow strips the fat automatically. Smaller files, faster load times, happier developers.

-77% file size
Install on Figma
100.4k installs

Export once. Works everywhere

Your exported Lottie file works out of the box on any platform. Hand it off to developers — they'll know exactly what to do with it.

React iOS / Swift Android / Kotlin HTML5 Web Vue & Angular

Frequently Asked Questions

What is LottieFlow? +
LottieFlow is a Figma plugin that converts your Figma prototype flows and component sets into production-ready Lottie JSON animations — directly inside Figma, without any external tools.
Do I need to know how to code? +
No. Select your frame or component set, open the plugin, and hit Export. That's it. The plugin handles all the conversion automatically.
What Figma interactions are supported? +
The plugin supports the most common prototype triggers: On Click, While Hovering, Mouse Enter, and After Delay. Supported transitions: Smart Animate, Dissolve, Move In, Move Out, Push, Slide In, Slide Out, and Instant.
Can I preview the animation before exporting? +
Yes. The Export tab shows a live Lottie preview inside the plugin before you download anything.
What export formats are available? +
Lottie JSON (.json) and dotLottie (.lottie). You can also control image format for embedded assets (WebP, JPEG, PNG), quality, and decimal precision to fine-tune the file size.
Where can I use the exported Lottie file? +
Anywhere Lottie is supported — React, iOS, Android, web (lottie-web / bodymovin), and any platform that accepts standard Lottie JSON.
What does the Compress tab do? +
It lets you drag and drop any existing Lottie JSON file and compress it — choose image format, quality, decimal precision, max image size, and strip layer names and metadata. You see the original vs compressed size before downloading.
Can I edit animation timing without going back to Figma? +
Yes. The Prototype tab lets you change trigger type, transition type, duration, easing, and delay for each variant — or apply changes to all variants at once with Apply All.
What does the Tools tab include? +
Autocomposer (auto-reorder and rename variants), Rasterize (convert complex layers to images at custom scale), Smart Flatten (flatten strokes and effects), Wrap Variant (wrap selection into proper component structure), Auto-rename Layers, and Prototype Review (describe your animation chain in plain text).
How does the license work? +
After purchase you receive a license key by email. Enter it once inside the plugin — it binds to your Figma account. One license = one active Figma account at a time. You can deactivate and move it to another account whenever you need.
What happens if I cancel my subscription? +
Your access continues until the end of the current billing period. After that the premium features are locked.
Is there a refund policy? +
Yes — if the plugin doesn't work as described, contact us within 7 days of purchase for a full refund.
Install on Figma
100.4k installs