# How do I create a Lottie animation in Figma?

> Figma cannot save Lottie on its own, but the LottieFiles for Figma plugin can. Animate with Figma Motion, Smart Animate or a sequence of frames, then export with the plugin to Lottie JSON or dotLottie. For finer control, open the result in LottieFiles Lottie Creator.

Updated November 2026. Source: https://www.exodeui.com/questions/how-to-create-lottie-animation-in-figma/

## Key takeaways

- Use the LottieFiles for Figma plugin to export
- Source can be Figma Motion, Smart Animate prototypes or plain frames
- Lottie Creator adds After Effects style editing in the browser
- Prototype interactions do not export as app logic; rebuild them or use state machines
- Keep vector layers simple for small files

## Frequently asked questions

### Is the LottieFiles Figma plugin free?

It is free to install. Some export and editing features may need a LottieFiles account or paid plan.

### Can I export Smart Animate to Lottie?

Yes, LottieFiles lists Smart Animate prototypes as a supported source for its Figma plugin.

### Will my Figma prototype clicks work in the Lottie?

No. Interactions must be rebuilt in code or with dotLottie state machines.

### Do I still need After Effects for Lottie?

Not for simple UI motion. For complex character or illustration work, After Effects is still the strongest source.

## Related

- [How to convert Figma animation to React code](https://www.exodeui.com/questions/how-to-convert-figma-animation-to-react-code)
- [Best animation tools for Figma](https://www.exodeui.com/best-animation-tools-for-figma)
- [Import Figma into ExodeUI](https://www.exodeui.com/import/figma)
- [How to convert After Effects to Lottie](https://www.exodeui.com/questions/how-to-convert-after-effects-to-lottie)