LottieFiles

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:

1. 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.
2. 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.
3. 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.
4. 800,000+ production-ready animations: Free and premium. Search, preview, and drop into any project.
5. 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.
6. Theming in one file: Light, dark, custom. One dotLottie file, switch with one line of code.
7. 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.
8. Dev Mode ready: Auto-generated embed codes, CDN links, VS Code integration, and player controls. Designers hand off; developers ship.
9. 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.
10. Export anywhere: Export and ship as a Lottie JSON, dotLottie, SVG, MP4, GIF, MOV.
11. 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:

Instagram· YouTube· X · LinkedIn · Facebook