Skip to content
LottieFiles - Discover, Create & Export Lottie animations

LottieFiles - Discover, Create & Export Lottie animations

by LottieFiles

Animate Your Designs with Lottie Animations

FreecooperFigmaSlidesFigJam

Installs

373,384

Likes

15,265

Users

1,022,769

Views

908,653

Preview

LottieFiles - Discover, Create & Export Lottie animations 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 all