# [LottieFiles for Figma](<https://www.figma.com/community/plugin/809860933081065308>)

[figma.com](<https://www.figma.com/community/plugin/809860933081065308>)

Discover, create, and export Lottie animations directly inside Figma — browse thousands of free animations and add them to your designs.

[UI & UX Design](<https://creatorstoolbox.com/communities/ui-ux>)[Animation & Motion](<https://creatorstoolbox.com/communities/animation>)

## About LottieFiles for Figma

LottieFiles for Figma lets you discover, create, and export Lottie animations without leaving your design tool. Browse a library of over 100,000 free animations, preview them in context, and insert them directly into your Figma frames. Edit colors and speed, create simple animations from scratch, and export as Lottie JSON for web and mobile or as GIF for static use.

Perfect for adding micro-interactions, loading states, onboarding flows, and illustrated animations to your UI designs.

Pricing model: Free

## Features

- Browse 100,000+ Lottie animations

- Preview and insert into Figma designs

- Export as Lottie JSON or GIF

- Create and edit animations in-plugin

## FAQs

Common questions about LottieFiles for Figma

Is the Figma plugin free?

Yes, the LottieFiles Figma plugin is free to install and use.

Can I customize the animations?

Yes, you can edit colors, speed, and other properties directly in the plugin.

## Similar products

- [![Import CSS Gradients](<https://www.google.com/s2/favicons?domain=www.figma.com&sz=128>)

Import CSS Gradientsfigma.com

Figma plugin that converts CSS gradient code into native Figma fills — paste any linear, radial, or conic gradient and apply it instantly.](<https://creatorstoolbox.com/products/import-css-gradients>)

- [![Lil Pixel Icon](<https://s3-alpha.figma.com/profile/4094c94f-ece5-4943-8dad-7642534da0e0>)

Lil Pixel Iconfigma.com

Figma plugin for creating pixel-art style icons — generate retro, pixelated icons directly in your design files.](<https://creatorstoolbox.com/products/lil-pixel-icon>)

- [![Cursor for Figma](<https://www.google.com/s2/favicons?domain=cursor.com&sz=128>)

Cursor for Figmacursor.com

Figma plugin for Cursor — inspect your design system, find the right components, variables, and styles, then write directly to Figma as editable layers.](<https://creatorstoolbox.com/products/cursor-figma>)

- [![Lottielab](<https://www.google.com/s2/favicons?domain=lottielab.com&sz=128>)

Lottielablottielab.com

Create and edit Lottie animations — a motion design tool for product teams, with export to iOS, Android, and web.](<https://creatorstoolbox.com/products/lottielab>)

- [![Moodboard 3000](<https://creatorstoolbox.com/images/moodboard-3000-logo.jpeg>)

Moodboard 3000figma.com

Figma plugin for building moodboards fast — drag, drop, and arrange images, colors, and references on a visual board.](<https://creatorstoolbox.com/products/moodboard-3000>)

- [![Magic Animator](<https://www.google.com/s2/favicons?domain=magicanimator.com&sz=128>)

Magic Animatormagicanimator.com

Figma plugin that animates your designs in seconds with AI — bring static layers to life without a motion workflow.](<https://creatorstoolbox.com/products/magic-animator>)

---
Canonical source: https://creatorstoolbox.com/products/lottiefiles-figma