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

LottieFiles for Figma

Create Production-Ready Animations Right Within Figma


No motion design skills? No problem. Animate directly in Figma with no extra tools and without switching apps.


Trusted by over 15 million designers and developers, and preferred by 280,000+ teams around the world.


🌐 Core Features:


  1. Export production-ready Lottie animations with Figma to Lottie: Export lightweight and scalable Lottie animations; ready for dev handoff for your website and apps.
  2. Animate using native Figma features: Supported by features including components, auto layout, variants, strokes, and gradients.
  3. Preview instantly: See your animation play inside Figma. Iterate fast, skip the guesswork.
  4. Lottie Theming: Dark mode? Holiday mode? Add multiple themes in one dotLottie file.
  5. Access 500,000+ animations: Use animations from the LottieFiles library or bring in your team’s private animations.
  6. Developer-ready animations: Developers can copy the Lottie embed code straight from Figma with Dev Mode.
  7. Prompt/Raster to Vector: Upload an image or type a prompt to get clean, grouped, editable vectors.
  8. Export to whatever format you need: JSON, dotLottie, SVG, MP4, GIF, MOV — it’s all downloadable from Figma.
  9. Versatile insertion options: Insert animations as a GIF or as high-quality SVG.
  10. Personalize animations: Click any image in your Figma file and auto-generate a cohesive palette for your animation, or customize with our color palette.
  11. Lottie Stickers in Figjam: Enhance your Figjam boards by inserting delightful animations.


Latest Updates


June ‘25

  1. Clearer notifications for users.
  2. Smoother and more responsive UI scrolling behavior
  3. Resolved minor UI element bugs for improved stability
  4. Refined interface updates across workspaces and the File Selection modal


💬 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 (fka Twitter) · LinkedIn · Facebook

Learn more about the LottieFiles for Figma plugin at lottiefiles.com/figma.

Plugin Details

Version87
CreatedFebruary 13, 2020
Last UpdatedJuly 3, 2025
CategoryPrototyping & animation plugins
CreatorLottieFiles
Stats336272 installs, 12399 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/[email protected]/dist/dotlottie-player.wasm
    • https://cdn.jsdelivr.net/npm/@lottiefiles/[email protected]/dist/dotlottie-player.wasm
    • https://cdn.jsdelivr.net/npm/@lottiefiles/[email protected]/dist/dotlottie-player.wasm
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com
    • 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/[email protected]/dist/ffmpeg-core.js
    • https://unpkg.com/@ffmpeg/[email protected]/dist/ffmpeg-core.wasm
    • https://unpkg.com/@ffmpeg/[email protected]/dist/ffmpeg-core.worker.js
    • https://unpkg.com/@ffmpeg/[email protected]/dist
    • https://unpkg.com/@ffmpeg/[email protected]/dist/ffmpeg-core.js
    • https://unpkg.com/@ffmpeg/[email protected]/dist/ffmpeg-core.wasm
    • https://unpkg.com/@ffmpeg/[email protected]/dist/esm
    • https://unpkg.com/@ffmpeg/[email protected]/dist/esm/ffmpeg-core.js
    • https://unpkg.com/@ffmpeg/[email protected]/dist/esm/ffmpeg-core.wasm
    • https://unpkg.com/@ffmpeg/[email protected]/dist/umd
    • https://unpkg.com/@ffmpeg/[email protected]/dist/umd/ffmpeg-core.js
    • https://unpkg.com/@ffmpeg/[email protected]/dist/umd/ffmpeg-core.wasm
    • https://unpkg.com/@lottiefiles/[email protected]/dist/dotlottie-player.wasm
    • https://unpkg.com/@lottiefiles/[email protected]/dist/dotlottie-player.wasm
    • https://unpkg.com/[email protected]/svg2png_wasm_bg.wasm
    • wss://*.lottiefiles.com
    • wss://*.lottiefiles.dev