Back to Plugins
LottieFiles - Discover, Create & Export Lottie animations

LottieFiles - Discover, Create & Export Lottie animations

Animate Your Designs with Lottie Animations

giflottiedesigninteractivemp4motion designmotionkeyframesvganimationprototypeanimation presetslottie animations

Plugin 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. 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 hereSample Animations: InspirationExplore more: www.lottiefiles.com/figmaFeedback & Support:Your feedback is important and valuable to us! For comments, inquiries, or assistance, please contact us at [email protected] Us:Instagram · YouTube · X · LinkedIn · Facebook

Plugin Details

Version113
CreatedFebruary 13, 2020
Last UpdatedApril 13, 2026
CategoryPrototyping & animation plugins
CreatorLottieFiles
Stats364909 installs, 14379 likes
PricingPaid

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:index.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://*.cloudfront.net
    • https://*.googleusercontent.com
    • https://*.iconscout.com
    • https://*.lottie.host
    • https://*.lottiefiles.com
    • https://*.lottiefiles.dev
    • https://*.lottiefiles.workers.dev
    • https://*.r2.dev/predictions/
    • https://*.r2.dev/thumbnails/
    • https://*.s3.amazonaws.com
    • https://*.s3.us-east-1.amazonaws.com
    • https://adorable-interface-512714.framer.app/
    • https://api2.amplitude.com
    • https://cdn.jsdelivr.net/npm/@lottiefiles/
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com
    • https://lf-platform-modals.framer.website/
    • https://lf-platform-modals.framer.website/plugin-modal-ai/
    • https://lf-platform-modals.framer.website/plugin-modal/
    • https://lottie.host
    • https://lottie.host/
    • https://notify.bugsnag.com
    • https://odd-flexibility-390072.framer.app/
    • https://plugin-figma-checkout.pages.dev
    • https://raster2lottie-bucket-d67c1ff.s3.amazonaws.com/output/lottie/
    • https://sessions.bugsnag.com
    • https://unpkg.com/@ffmpeg/
    • https://unpkg.com/[email protected]/svg2png_wasm_bg.wasm
    • wss://*.lottiefiles.com
    • wss://*.lottiefiles.dev