Someone familiar with prototyping in Figma and using Lottie may ask - “Why not just use the Lottie to Figma plugin to create animations, considering you create them first in Figma anyway”

Man I wish it was this straightforward.

This is about an animation created using Figma and exported to a Lottie file.

In short, it’s totally possible and fine to make animations using Figma and then export to Lottie. Just be prepared for:

• Random Speed changes
• Clipped frames
• Odd Drop shadows
• Order issues

Once you work out some of the quirks of exporting, you can start to see behind the curtains and understand how it’s working. But there is a very large difference between it working in Figma’s prototype and it working in Lottie.

Here are a couple of examples of the file not performing quite as expected:

Screen Recording 2024-02-05 at 12.42.44.mov

Screen Recording 2024-02-05 at 12.47.14.mov

To keep this brief and hopefully save some time if you ever want to export a Figma to Lottie. Some here is what I would recommend.