On this page
About LottieFiles
LottieFiles is a free Figma plugin published by LottieFiles in 2020. It works in Figma Buzz, Figma Design, Figma Slides and FigJam and has 989,519 users and 14,730 likes on the Figma Community. It ranks #1 in Animation, #2 in Figma Slides and #7 in Free on our lists.
In the developer's words
Your Figma prototype interactions now export as production-ready interactive animations. One dotLottie file that works across web, iOS, Android. No rebuilding. No new tool.
Trusted by 16 million designers & developers and 280,000+ teams to ship motion that works everywhere.
🧰 What you can do:
1. State Machines from Figma prototypes: Select your prototype frames, and the plugin auto-detects your interactions and exports a working dotLottie state machine. Click, hover, press, mouse enter/leave, after delay, they are all supported. Your prototype becomes your production animation.
2. 800,000+ production-ready animations: Free and premium. Search, preview, and drop into any project.
3. Animate anything in Figma: Use the components, Auto Layout, gradients, and spring curves you already know. Now they export as shippable Lottie animations.
4. Theming in one file: Light, dark, custom. One dotLottie file, switch with one line of code.
5. AI-powered creation: Generate SVG illustrations from a prompt (Prompt to Vector) or convert any PNG/JPG to editable vector (Vectorizer). Your data is never used to train models.
6. Dev Mode ready:Auto-generated embed codes, CDN links, VS Code integration, and player controls. Designers hand off, developers ship.
7. Team workspace: Save animations, and upload other files like SVGs, GIFs, PSDs, and AEPs in a centralized digital asset management system with version control. Nobody ships the wrong file.
8. Export anywhere: JSON, dotLottie, SVG, MP4, GIF, MOV.
9. Works across: Figma, FigJam, Figma Slides, Figma Sites, and Figma Buzz.
🎓 Get LottieFiles Certified — become a Lottie Master in under 30 minutes: Enroll here
Sample Animations: Explore community file
Explore more: www.lottiefiles.com/figma
Feedback & Support:
Your feedback is important and valuable to us! For comments, inquiries, or assistance, please contact us at support@lottiefiles.com.
Contact Us:
What's new
Version 114 · released Jun 12, 2026
- What’s New
- Introducing Motion System for Figma — define your motion design system and apply it straight to your work.
- System management: Create, edit, and organize colours, easings, fonts, and collections, with motion presets available to browse.
- Apply on export: Apply motion system colours, fonts, and easing to your Export to Lottie, with a live preview before you export.
- Lifecycle states: Move each system through published, draft, and archived as it evolves
- Text and font support also lands in this release, so exported animations keep their type instead of rasterizing it:
- Text layer export: Figma text nodes export as real Lottie text with their font metadata preserved.
- Embed or upload fonts: Link a web font via CSS URL or upload local font files through dedicated modals.
- Render settings: Configure how fonts are handled on export.
- Enhancements
- Toast notifications now run through a single status bar for consistent placement across the plugin.
- Stability & Bug Fixes
- Fixed the “Checking again…” validation banner flickering when switching between animation presets.
- Fixed the Creator first-load banner reappearing after dismissal and flickering on navigation.
- R
Permissions and privacy
Network access
LottieFiles can only connect to the 30 domains declared in its manifest: *.lottiefiles.com, *.lottiefiles.dev, wss://*.lottiefiles.com, wss://*.lottiefiles.dev, lottie.host, lottie.host/, *.lottie.host, api2.amplitude.com, fonts.googleapis.com, fonts.gstatic.com, unpkg.com/svg2png-wasm@1.4.0/svg2png_wasm_bg.wasm, unpkg.com/@ffmpeg/, *.googleusercontent.com, *.s3.us-east-1.amazonaws.com, *.s3.amazonaws.com, *.iconscout.com, *.cloudfront.net, plugin-figma-checkout.pages.dev, *.lottiefiles.workers.dev, odd-flexibility-390072.framer.app/, adorable-interface-512714.framer.app/, sessions.bugsnag.com, notify.bugsnag.com, *.r2.dev/thumbnails/, *.r2.dev/predictions/, raster2lottie-bucket-d67c1ff.s3.amazonaws.com/output/lottie/, cdn.jsdelivr.net/npm/@lottiefiles/, lf-platform-modals.framer.website/, lf-platform-modals.framer.website/plugin-modal/ and lf-platform-modals.framer.website/plugin-modal-ai/.
- *.lottiefiles.com
- *.lottiefiles.dev
- wss://*.lottiefiles.com
- wss://*.lottiefiles.dev
- lottie.host
- lottie.host/
- *.lottie.host
- api2.amplitude.com
- fonts.googleapis.com
- fonts.gstatic.com
- unpkg.com/svg2png-wasm@1.4.0/svg2png_wasm_bg.wasm
- unpkg.com/@ffmpeg/
- *.googleusercontent.com
- *.s3.us-east-1.amazonaws.com
- *.s3.amazonaws.com
- *.iconscout.com
- *.cloudfront.net
- plugin-figma-checkout.pages.dev
- *.lottiefiles.workers.dev
- odd-flexibility-390072.framer.app/
- adorable-interface-512714.framer.app/
- sessions.bugsnag.com
- notify.bugsnag.com
- *.r2.dev/thumbnails/
- *.r2.dev/predictions/
- raster2lottie-bucket-d67c1ff.s3.amazonaws.com/output/lottie/
- cdn.jsdelivr.net/npm/@lottiefiles/
- lf-platform-modals.framer.website/
- lf-platform-modals.framer.website/plugin-modal/
- lf-platform-modals.framer.website/plugin-modal-ai/
Extra permissions
None beyond the standard access to the file you run it in.
Read from the plugin's published manifest.
Where LottieFiles ranks
LottieFiles alternatives
- 1
Figmotion
by L
513K users7.4KFreeBringing motion to your Figma designs
- 2
Jitter
by Jitter
507K users12KFreeAnimate your Figma designs, export to video / GIF / Lottie, handoff animation specs to developers
- 3
Motion
by Pavel Babkin
367K users5.6KFree + paid featuresAnimate UI in Figma. Export to video, GIF, SVG.
- 4
Export to GIF/Video
by Evan at CreativeFlow
311K users3KFree + paid featuresExport animations to GIF or Video in one-click
- 5
Aninix
by Tony Pinkevych
160K users2.4KFree + paid featuresCreate motion design within Figma. Export Lottie animations, GIFs, or mp4.
- 6
SVG motion
by Vladislav
142K users2.9KFree + paid featuresPlugin for Figma which helps to create attractive animations for your product.
LottieFiles FAQ
What does LottieFiles do?
Animate Your Designs with Lottie Animations. It's a Figma plugin by LottieFiles that runs in Figma Buzz, Figma Design, Figma Slides and FigJam.
Is LottieFiles free?
Yes. LottieFiles is free to install and run from the Figma Community, with no paid tier listed.
Is LottieFiles safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. LottieFiles can only connect to the 30 domains declared in its manifest: *.lottiefiles.com, *.lottiefiles.dev, wss://*.lottiefiles.com, wss://*.lottiefiles.dev, lottie.host, lottie.host/, *.lottie.host, api2.amplitude.com, fonts.googleapis.com, fonts.gstatic.com, unpkg.com/svg2png-wasm@1.4.0/svg2png_wasm_bg.wasm, unpkg.com/@ffmpeg/, *.googleusercontent.com, *.s3.us-east-1.amazonaws.com, *.s3.amazonaws.com, *.iconscout.com, *.cloudfront.net, plugin-figma-checkout.pages.dev, *.lottiefiles.workers.dev, odd-flexibility-390072.framer.app/, adorable-interface-512714.framer.app/, sessions.bugsnag.com, notify.bugsnag.com, *.r2.dev/thumbnails/, *.r2.dev/predictions/, raster2lottie-bucket-d67c1ff.s3.amazonaws.com/output/lottie/, cdn.jsdelivr.net/npm/@lottiefiles/, lf-platform-modals.framer.website/, lf-platform-modals.framer.website/plugin-modal/ and lf-platform-modals.framer.website/plugin-modal-ai/. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install LottieFiles?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to LottieFiles?
By user count, the closest alternatives are Figmotion, Jitter and Motion. Compare all of them on the best Figma plugins for animation.
Built this plugin?
Use this page as a landing page for LottieFiles: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/lottiefiles/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="LottieFiles on figmaplugins.co" width="220" height="48"></a>