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.
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!
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_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/...
@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 :)
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!
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!
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. β¨
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.
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!
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!
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 π
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 π₯
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!
LottieFiles