Subscribe
Sign in
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.
237
Replies
Best
@nicolaas_spijker Thanks Nico! I hope you like it! Let us know if you encounter any issues
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.
@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
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!
@hosseinyazdi Thank you, glad to hear that. Let us know if you have any feedback!
Launching soon!
Awesome! Really happy to see this happening. Was using After Effects to Lottie so far.
That's the better setup for sure 😍🙌
I've been looking for a simple animation tool like this for so long. This is perfect 😍 Really, fantastic work. I love it!
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 🚀
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
@drewosophy
This is awesome! 🚀 I'm eager to try out the new Figma plugin for Lottielab. Can you share a bit more about how the plugin simplifies the animation workflow for Figma designs and ensures a smooth transition from Figma to Lottie, Gif, or MP4? Exciting times for motion design! 💫
Congrats on the launch! I’ve been using Lottielab for few months now and it’s a game changer! Keep going team!
Is it possible to use Lottielab animations in email marketing campaigns? If so, how does it ensure compatibility across different email clients and platforms?
@millie_crystal Yes it is! You can simply export as GIF and it’ll work across all email clients
A killer tool for Figma users. Shared with a few in my circle 🚀 Congratulations on the launch
This is exactly something I was looking for! Developing a new platform and this will be definitely very handy! Congrats on the launch!
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! 👏
Congrats! There is no more need to go to after effects and animate things.
Easy, Fast, and being able to edit it online great. Removes the step of export and then edit. straight to the point🔥
Wow, congrats on launching Lottielab! It seems like a game-changer for designers wanting to spice up their projects with animation. I can't wait to see how this streamlines the workflow from Figma to Lottie.
Was quite enthusiastic, but as soon as I tried it, I became dissatisfied. Where can I find "animations for all scenarios" like these? All I see is an ellipse and a rectangle. Perhaps I'm the issue here... Would be very grateful for your assistance:)
@thomas_gonzalez1 Hey Thomas, if you were looking for examples of work made with the tool you can see a bunch here: https://www.lottielab.com/examples Hope that helps!
Congratulations on the launch! The focus on integrations and becoming a reliable hub for animation needs across platforms demonstrates a forward-thinking approach. Your dedication to streamlining the animation process and making it more accessible for designers is truly commendable. I'm excited to see how Lottielab continues to revolutionize the world of motion design. Best wishes for ongoing success, and I look forward to seeing the impact of this pioneering plugin!
Bash