Andrew Ologunebi

Lottielab - Animate your Figma designs seamlessly

The easiest way to animate your Figma designs and export seamlessly to Lottie, Gif or MP4 for your websites, apps and marketing purposes.

Add a comment

Replies

Best
Andrew Ologunebi
Hey everyone, We're back! We launched Lottielab's beta publicly just 3 months ago, and have been blown away by the community's feedback and love - leading to it being the Product of the week and Design tool of the month! As part of our mission to democratise motion design, a lot of you have asked us to also improve the workflow for animating your Figma designs as Lottie animations. We've been working hard at this, and this plugin will be our biggest release since launching the editor, making it the most complete workflow for animating your Figma designs and exporting them to Lottie, Gif or MP4. Why is this the most complete workflow for animating your Figma designs? Lottielab was built from the ground up for designers. Which means your designs export from Figma as close to 1:1 as it can get, with all its complexities, so you can animate them seamlessly. This means means supporting your Figma design's: - Layer names and structure - Gradients and solid colors - Full vector path support - Frames and Groups - Position, size, spacing... - And more still coming Lottielab's editor offers the easiest, fastest and most robust way to create animations for your websites and apps, exported as Lotties, Gifs and MP4s and allows you and your team to manage all these assets in one place. And with the Lottie format being supported natively by almost all major design tools out there (Canva, AdobeXD, Origami, Webflow, Framer etc), we've become the most complete way for designers to create animations for all platforms. We're working on a lot more integrations so we can give you a single reliable hub for all your animation needs, reducing the headache of mastering multiple platforms. This plugin is one of our first steps in democratising motion design and we've engineered it to be stellar, but don't take our word for it, take it for a spin and let us know your feedback.
Eugene Yarovoii
@drewosophy Congrats on your launch! You've done awesome work! Followed you on Twitter :)
Alistair Thomson
@drewosophy @shivam_tiwari24 Hey, yeah you can create some pretty advanced stuff, with support for path animation, gradients, and masks. You can see more examples of what's possible with the tool here: https://www.lottielab.com/examples
Nico Spijker
As someone who mainly uses Figma for a lot of design work this comes in super handy. 🫡 Congratulations on the launch team and will definitely be trying this one out sometime soon.
Alistair Thomson
@nicolaas_spijker Thanks Nico! I hope you like it! Let us know if you encounter any issues
Hossein Yazdi
Wow, this is insane! Lottie itself is fascinating, now that it's integrated into Figma, it'll certainly make Figma so more incredible. Big congrats to Lottie team. and congrats on your launch!
Andrew Ologunebi
@hosseinyazdi Thank you, glad to hear that. Let us know if you have any feedback!
Harvey
A better Figma integration has been one of the most requested features since we launched back in August and we are so excited to finally share this with you all ✨ Can't wait to see what creativity this unlocks! 🎨
Franklyn Pereira
Lottie Animations as a format is solid. However, I explored it back in August with the FIgma integration and found a few challenges with animations—especially with consistency. Better Integration with this release. That's really great to hear. Looking forward to taking this for a test run. Congrats on the launch! @harv_ @drewosophy and team
Esus 🛡️
Amazing! Now just need some Figma AI and I'm set ⚡ GPT Icon Generated -> Figma -> Animate with Lottie
Andrew Ologunebi
@esus Haha, will add it to the wishlist. Thanks!
Luis Rieke
Awesome! Really happy to see this happening. Was using After Effects to Lottie so far. That's the better setup for sure 😍🙌
Alex Gavril
The attention to detail in maintaining the integrity of Figma designs during export is impressive. Looking forward to trying it out! Congrats on the launch! 👏
Paul Pamfil
Congrats on the launch. Gj!
David Davidović
Copy in Figma, paste in Lottielab. Then animate using a tool that's built for animation from the ground up, with a design language that feels right at home to Figma users. We've already seen this flow working splendidly for designers, and we've been using the plugin internally for quite some time. It has already become an indispensable part of our own workflow―and we can't wait to see what you'll come up with 🚀
Brian Mitchell
This is truly incredible! I've never animated before, but I was able to create a loading animation from scratch in just two minutes! Very user-friendly and intuitive—well done, guys!
Alistair Thomson
@brian_mitchell1 Thanks Brian! Happy you found it quick to pickup! We spent a lot of hours sitting down with designers, discovering what makes animation more approachable. So pretty rewarding to hear all that work has paid off. Let us know if you encounter any issues further down the line 👍
123
•••
Next
Last