p/lottiefiles
Lightweight, scalable animations
Nattu

Figma to Lottie β€” Export production-ready animations from Figma

Featured
147
β€’
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.
Replies
Best
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!
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!
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!
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!
Hai Ta
Oh this is so cool I've been struggling to make animations on Figma files and none of the current plugin works well 🀩🀩🀩🀩 The launch funnel is also super nice. Great launch ?makers!
Utsav Vekariya
Congratulations to the entire team! This is revolutionary! It makes the creation of motion SUPER easier for product designers who are Figma savvy. Can't wait to make new Lotties out of my Figma frames. ✨
Inad
Hi @utsav_vekariya, thank you for the support. Do let me know what you think after trying .
Kyler Phillips
This is exciting, usually, I have to dig into After Effects and Bodymovin, so this will be a real timesaver, certainly wasn't expecting this launch today. Congrats Lottie and Figma team.
Kusuma
I have been waiting for this features. Use a lot of lottie animation for apps and game project from my students, this is helping to have better quaility animation. Hope this could save time and effort in design, congrats @lottiefiles for the launch!
Satyanarayan Prashar
Dammn!!! this is a must have figma plugin. Loved it ✨ Adding it straight away Congratulations to the entire team!
Tajul Islam
The team deserves massive kudos! It is much easier to break into the animation industry now than it was in the past 🀯
Rachel How
Congratulations on the successful launch! I had the chance to try this first hand and my goodness, it is amazing! Designers can now save HOURS on their design workflow while creating impactful Lottie animations!
Tim Mortensen
Wow, awesome promo video! Exporting anything from Figma has always been a challenge (for me!) so I'm excited to see products focused on the final (most important) step of the process πŸ‘
Alex Szczurek
that’s another level of creating animation and making them accessible for all! congrats guys on successful launch!πŸš€
Lee Twito
I have been waiting for this integration for a long time! So happy to be able to create simple cool animations myself
Marianne Tan
WOW! This sounds like a game-changer! Can't wait to try out the Figma to Lottie feature. Animations! woohoo
Georgy Alaverdyan
This is fire. I would I’m speechless, but if I am then I cannot say anything, and I freaking can β€” this is amazing! Congrats with the launch, Lottie is amazing! πŸŽ‰ Gonna step up my Webflow game πŸ”₯
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. 🀩
Rohit Joshi
Really awesome! πŸŽ‰ The addition of Figma to Lottie in LottieFiles opens up a world of possibilities for creating production-ready animations effortlessly. Being able to export prototype flows and convert them into Lottie animations with ease is a game-changer. I can't wait to explore the customization options and experiment with the animation presets. πŸ‘ Kudos to the team for this fantastic feature!
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! ⏳