Lightweight, scalable animations
Start new thread
Nattu

Figma to Lottie - Export production-ready animations from Figma

by
•
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.

Add a comment

Replies

Best
Haris
Maker
📌
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! 💗
Hai Ta
@aliharis Hi how do you connect the frames into a flow?
Haris
Maker
@hai_ta1 You can create a Figma prototype or select multiple frames, and clicking the Export to Lottie button on the plugin will do the trick too. For more comprehensive examples, check out our community file: https://www.figma.com/community/...
Marry Hanna
Marry Hanna
@aliharis Kai’s
Mykhailo (Mike) Rokosh
@aliharis Congrats! Looks amazingly simple and useful! Shared it with our design team, and I might even use it to create an animated thumbnail for my next launch :)
Inad
Maker
📌
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!
Adrian Yap
Maker
📌
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!
Kelly Loh
Maker
📌
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!
Pizza Yap
Maker
📌
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!
Alyssa Amir
Wow!! Figma to Lottie is breaking down barriers in animation creation. Super intuitive and easy to use.
whosaynow
This new feature is a total time-saver. It's incredibly easy to export designs and make them ready for production! Worth trying out! ⏳
Grace Kim
Wohoo!!! Awesome feature! 💗 Thank you for making the life of all designers better. You rock, LF team!
Loh Tong Hong
This Figma to Lottie feature is a game-changer! It's made creating animations so much easier. I can simply select a couple of frames, and it magically turns into a Lottie animation!
Karin Fam
Massive kudos to the team! The barrier of entry to animation has been drastically lowered with this 🤯
123
•••
Next
Last