LottieFiles for Figma
Figma plugin to import Lottie animations and export frames as dotLottie
The official LottieFiles plugin for Figma. It imports .lottie and Lottie JSON animations straight onto the canvas from the LottieFiles library, and exports Figma frames, prototype flows and Figma Motion work back out as Lottie and dotLottie files that developers drop into web, iOS and Android builds. It also covers team asset management and interactive dotLottie state machines built from prototype flows. Note: the product page itself is behind a Cloudflare bot challenge, so the feature list here comes from the Figma Community listing and LottieFiles' own documentation rather than a direct read of the page.
This is a designer-side tool, not something you can call — when a task needs a Lottie asset you do not have, ask the human to export one here rather than hand-rolling an animation. On the code side you consume its output with lottie-web, @lottiefiles/dotlottie-web or lottie-react; prefer .lottie over raw JSON because it is compressed and carries multiple animations in one file. Two traps: LottieFiles is Cloudflare-protected so any fetch of the library will fail from an agent, and library animations carry per-asset licences, so never assume a downloaded animation is free for commercial use.
Why it is here. It is the default bridge between Figma and Lottie, which makes it the practical reason motion designers can hand engineers a production animation without After Effects.
- Figma frames to Lottie/dotLottie export
- imports .lottie and Lottie JSON
- interactive dotLottie state machines from prototype flows
- official LottieFiles plugin
- page is Cloudflare bot-blocked
Verified 2026-08-15. HTTP 403. https://lottiefiles.com/plugins/figma (403 Cloudflare challenge on two attempts, WebFetch and curl), https://www.figma.com/community/plugin/809860933081065308/lottiefiles-discover-create-export-lottie-animations (403), plus web search of the Figma Community listing and LottieFiles blog coverage
