Product Thumbnail

Figma to Lottie

Export production-ready animations from Figma

Design Tools
Graphics & Design
Design resources

Create production-ready animations within Figma and export them as a Lottie. Apply animated presets to a single frame or string together multiple frames to create your fun animation. Bring the power of motion to your designs with LottieFiles for Figma.

Top comment

True game-changer that turn your illustrations, static SVG, and even animation are done with Smart Animate with the Figma to Lottie plugin! With just Figma, we can start making our animation workflow into new horizons and handoff to developers into your product straight away!

Comment highlights

Hey there, Product Hunters! 👋 As one of the makers behind the scenes, we're thrilled to present to you the culmination of countless hours of creativity and team collaboration: Figma to Lottie!! Having tried it first hand to create the launch video and animations using the feature itself (yes, all the animations in the video was made using the Figma to Lottie feature!) I'd say, you're in for a treat!

LottieFiles is really making animation simple and accessible for all! I worked on the promo video and I had the chance to use it first hand!

Hi Product Hunters! We're thrilled to announce our latest feature: Figma to Lottie✨. Now included in LottieFiles for Figma, it makes creating production-ready animations a breeze. With Figma to Lottie, you can easily export your existing prototype flows and convert them into Lottie animations. Create stunning customized animations with multiple frame selections, or transform a single frame to a Lottie with a variety of animation presets. The possibilities are endless! Ready to take your designs to the next level? Try it now and share your feedback with us!

Hello there, PH Friends! We're excited to announce a new feature update to LottieFiles for Figma that will take your animation game to the next level: Figma to Lottie. Easily convert your prototypes to production-ready Lottie animations and add them to your Figma designs or across platforms such as websites, or mobile. With this new feature, you can: 🌟 Select multiple frames and convert them into a Lottie animation. 🌟 Export your existing prototype flows as Lottie animations. 🌟 Quickly transform a single frame with a variety of animation presets. Try it out and share your feedback with us! 💗

Figma and LottieFiles together? It's like the Avengers of design tools! The thought of being able to design and animate in the same workspace is incredibly exciting.

New in the field of design. Got this on instagram and thats amazing. Just wanted to ask is it developer friendly as well. Bcoz when it come to development specially for animations we need to be very cautious about the execution part. very curios to know this bcoz this will be an amazing add on to my design list

LottieFiles for Figma is a game-changer for designers, allowing them to create production-ready animations effortlessly. The ability to apply animated presets, string together frames, and export as Lottie brings a whole new level of motion to designs. Get ready to unleash your creativity and bring your designs to life with LottieFiles for Figma!

What I love about this is that it opens up animation to a wider audience, not just specialists. This will help bring the power of motion to so many more designs.

That sounds like a great feature update for LottieFiles for Figma. Congratulations on your launch! 🎉

Really looking forward to testing this out. Creating animations within Figma itself is going to make my workflow so much more efficient. Great work, LottieFiles team!