LottieFiles - Discover, Create & Export Lottie animations
by LottieFiles
Animate Your Designs with Lottie Animations
Installs
373,384
Likes
15,265
Users
1,022,769
Views
908,653
Preview
About this plugin
Your Figma prototype interactions now export as production-ready interactive animations. One dotLottie file that works across web, iOS, Android and more. 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:
Figma Motion to Lottie Support: The plugin reads motion keyframes straight from Figma Motion and converts them directly to Lottie, covering motion presets, transform, opacity, fill and stroke color, trim-path draw-on, and Auto Layout animations.
Motion Tokens: Create reusable, named motion values from Figma Variables or manually, then export a tokenized dotLottie that stays editable and scalable after handoff. Set up multiple color themes and values directly in Figma.
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.
800,000+ production-ready animations: Free and premium. Search, preview, and drop into any project.
Motion System: Add motion as part of your design system. Use your own governed, centralized motion primitives: easing curves, animation presets, brand assets and more, across all your design projects.
Theming in one file: Light, dark, custom. One dotLottie file, switch with one line of code.AI-powered creation: Generate SVG illustrations from a prompt (Prompt to Vector) or convert any PNG/JPG to an editable vector (Vectorizer). Your data is never used to train models.
Dev Mode ready: Auto-generated embed codes, CDN links, VS Code integration, and player controls. Designers hand off; developers ship.
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.
Export anywhere: Export and ship as a Lottie JSON, dotLottie, SVG, MP4, GIF, MOV.
Works across: Figma, FigJam, Figma Slides, Figma Sites, and Figma Buzz.
🎓 Get LottieFiles Certified — become a Lottie Master in under 30 minutes: Enroll hereSample Animations: Explore community fileExplore more: www.lottiefiles.com/figmaFeedback & Support:
Your feedback is important and valuable to us! For comments, inquiries, or assistance, please contact us at support@lottiefiles.com.
Contact Us:
Instagram · YouTube · X · LinkedIn · Facebook
More prototyping & animation plugins plugins
View allFigmotion
by L
Bringing motion to your Figma designs
Motion – Animate UI & Create Animations in Figma
Paidby Pavel Babkin
Animate UI in Figma. Export to video, GIF, SVG.
Jitter · Animation for Figma
by Jitter
Animate your Figma designs, export to video / GIF / Lottie, handoff animation specs to developers
Measure
by Philip
Add measurement lines and additional helpful information to your designs