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
@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/...
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
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
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
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 🀯
Nishigandha Sahasrabudhe
The Figma to Lottie feature is amazing! It's opened up a whole new world of possibilities in motion design. πŸš€
Ashley H.
This is awesome! Creating Lottie animations in Figma? 🀯 That's exactly what I need.
Dhruven Variya
Yo! This is huge it will make it so easy for me to make my custom micro animations which I want to use in my design. Was waiting long for something like this to arrive. Thanks @lottiefiles team βœ¨πŸŽ‰
Ismail Xahy
This is huge!! Congrats team πŸš€πŸš€πŸš€
Yaamin Mohamed
Two of my favorite design tools, Figma and LottieFiles ❀️‍πŸ”₯.
Zaid Kureshi
I'm loving this Figma and LottieFiles power tool! ❣️
John Royce
Just what I needed to up my Figma game! Thank you LottieFiles.
Ammadu
Wow, this is mega. More power to my favorite design tool.
Carine Chang
In love with this feature, this is really so game-changing!
Sherene Lee
This feature is such a time-saver! I can now create Lottie animations right within Figma (even without any motion design skills or other tools involved!). Who knew this day would come. 🀩