Figma

The LottieFiles plugin for Figma lets you browse the LottieFiles library, work with saved workspace assets, and convert a Figma scene or prototype flow into Lottie output without leaving Figma.

Use these docs for two common workflows:

• Start from Lottie - find an existing animation in Explore or Workspace, then insert it into a Figma scene.

• Create from Figma - turn frames, prototype flows, or interactive prototype states into Lottie or dotLottie output with Figma to Lottie.

In these docs, a Figma scene means the frame, set of frames, or prototype flow you prepare as the source for a Lottie animation.

What you can do

• Explore the public LottieFiles library and insert free or Premium animations into Figma.

• Workspace access to your team's private animation library, projects, and folders.

• Figma to Lottie export selected frames, multi-frame sequences, prototype flows, and interactive state machines.

• Export and handoff save to Workspace, download files, insert GIFs, or share developer-ready links.

• Prompt to Vector and Vectorizer help prepare source artwork from the plugin's Tools tab before animation.

• Runtime compatibility prefer dotLottie (.lottie) for smaller files and advanced features, or Lottie JSON when legacy lottie-web players are required.

Start here

1. Quickstart - install the plugin, learn the interface, and create your first animation.

2. Choosing an animation method - decide whether your Figma scene should use presets, multiple frames, a prototype flow, or an interactive state machine.

3. Feature checking - understand the orange render/export warning before you retry an export.