Figma to Lottie lets you easily export your Figma designs and prototype flows into production-ready Lottie animations, a lightweight, scalable and interactive animation format.

This is a guide on how to use the feature, along with support limitations and tips on achieving the best results.

https://lottie.host/?file=eca066da-42dd-45d7-ad4c-f2cc6d90156e/TULcV0wKOD.json

https://lottie.host/?file=7b294121-5c81-412b-8ea5-7459539c173f/HrJIzNLN2l.json

https://lottie.host/?file=49dfbe7a-4a57-4571-8922-7a5f761fb7bf/ABThEKvunh.json

✉️ Send feedback

<aside> 📌 What is Lottie? A Lottie is a JSON-based animation file format that allows you to ship animations on any platform as easily as shipping static assets. On average, a Lottie is 600% smaller than a GIF. Learn more: https://lottiefiles.com/what-is-lottie

</aside>


📖 How to use Figma to Lottie

Installation

How to use Figma to Lottie

How to get the best results

Use cases

Useful links

Inspirations (Figma Community File)

How to use Lottie animations

Lottie integrations

https://www.youtube.com/watch?v=bqidCCgWQrc&t=1s


🏁 Supported features

We’re constantly working to provide full support for all Figma features. Below is the current status of supported features.

Supported features


❔FAQs