Back to Plugins
LottieFiles - Create animations & export from Figma to Lottie

LottieFiles - Create animations & export from Figma to Lottie

Animate Your Designs with Lottie Animations

giflottiedesigninteractivemp4motion designmotionkeyframesvganimationprototypeanimation presetslottie animations

Plugin Preview

LottieFiles - Create animations & export from Figma to Lottie preview

About this plugin

Create production-ready animations right in Figma.

No motion-design experience required.



Trusted by 15 million designers & developers and 280,000+ teams and enterprises to bring motion to everyday designs.


🧰 What You Can Do


1. Animation library: 600,000+ free & premium animations for every industry and use case.

2. Animate: Turn your prototypes into shippable animations for your final product.

3. Familiar Figma workflow: Use multi-variant components, Auto Layout, strokes, gradients, blend modes, masking, and spring curves—now for Lottie.

4. Dev Mode: Get production-ready code snippets for your animation.

5. Export to popular formats: JSON, dotLottie, SVG, MP4, GIF, and MOV.

6. Theming: Switch dark, light, or custom themes within a single dotLottie file.

7. AI Assistance: Generate clean, grouped, editable vectors with Raster-to-Vector and Prompt-to-Vector. (Your data is not used to train our services.)

8. Works across: Figma, FigJam, Figma Slides, Figma Sites, and Figma Buzz.


Sample Animations: Inspiration

🎓 Get LottieFiles Certified — become a Lottie Master in under 30 minutes: Enroll here


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 [email protected].

Contact Us:

Instagram · YouTube · X · LinkedIn · Facebook

Plugin Details

Version101
CreatedFebruary 13, 2020
Last UpdatedNovember 21, 2025
CategoryPrototyping & animation plugins
CreatorLottieFiles
Stats352337 installs, 13479 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