Animate your Figma designs in seconds with AI. Generate motion for ads, apps, sites, social posts & more: - 1-click animation generation in Figma. - Embed output in Figma or Export as GIF, Lottie, MP4. - Editable output in a full-featured motion editor
I’m Drew, designer and co-founder at Lottielab, and I’m excited (maybe also slightly sleep-deprived 😅) to share Magic Animator with you.
It’s the first AI tool that generates editable animations directly from your Figma files.
🚫 Why most tools fall short:
As a designer, I’ve always been drawn to motion.
It’s how we experience life. From stars to engines, from catapults to cinema, we’ve always made sense of the world by how things move. When something moves, it feels alive. 🌀
So why does motion still feel like such a pain in modern design tools?
If you've ever exported your Figma design into After Effects just to animate a button, or lost hours repetitively polishing easing curves for simple movements no one notices… I’ve been there.
Motion is creatively rewarding, and its impact on engagement is undeniable — but the workflow is often manual, repetitive, and slow. 🐌
Especially when you're designing across formats: ads, websites, onboarding, social, etc.
We built Magic Animator to change that.
And yes, there are “AI” tools now. But most of them stop at a blackbox video.
You type a prompt, get static output, and that’s it. You can’t edit it. You can’t build on it. You can’t trust it in real workflows.
We wanted something different.
Magic Animator is the first AI tool that generates actual editable animations — keyframes, layers, styles, motion curves, all using your real Figma designs.
Not just videos, but real motion design you can refine, extend, and ship across multiple use cases.
What it does:
⚡ Figma designs to AI-generated motion in 1 click — no prompts needed. The tool understands structure, hierarchy, and layout.
📦 Export to MP4 (up to 4K), GIF, Lottie and more — wherever your motion needs to go.
🛠️ Edit any generated animation in a full-featured motion editor — tweak layers, keyframes, timing, curves… or just use it as-is.
Why we built it:
As designers ourselves, we know how hard it is to go from idea to execution. Even small animations eat time.
We wanted a tool that lets beginners move fast and gives experts a head start.
🎯 Creative Momentum – Skip the blank canvas. Get 4 auto-generated animation ideas per design.
🔮 Creative Serendipity – Discover directions you didn’t plan, no prompts needed. Want more? Generate more.
⏱️ Creative Efficiency – What used to take 6 hours now takes 30 mins. Let AI handle the grunt work so you can focus on polish and intent.
We’re still in beta and there are some rough edges, but early teams at places like Netflix, Google, and Omnicom are already seeing big improvements to their UI, ad, and content workflows.
We ship weekly, and we’re learning fast from every team that uses it. 📬
If you make things move, we’d love your feedback, bugs, requests, wishlists, curveballs, all welcome. 🤘
Thanks for checking it out, excited to hear what you think!
Turning Figma designs into editable animations with full keyframes + motion curves in one click is incredibly powerful and useful. The interface is refreshingly minimalistic. Great product!
I ran some tests and, although I encountered a few errors and there were times when the animations didn’t load, I understand this is a Beta version and remain very optimistic about what’s coming next.
Excellent!
Wow looks very very promising, I will make sure to give it a try 😊 Congratulations on the launch 👏
This is super cool! 🔥 I can already imagine combining something like this with Glims to create next-level showreels — static shots come to life effortlessly. Big potential here 👏
Amazing! Very promising product and what I was looking for. Congrats for the launch!
It is finally here! I am so excited to use it as someone who has been using Lottielabs for a while!
This looks really cool and super useful for designers who want to add motion without all the hassle. Love that it works right with Figma and gives editable results. Big thumbs up to the team!
Excited for this!! Any best practices you'd recommend to get us an optimal output?
Amazing video, amazing idea and ... everything is amazing. Hope the learning curve is friendly enough.
About Magic Animator (Beta) on Product Hunt
“Animate your Figma designs in seconds with AI”
Magic Animator (Beta) launched on Product Hunt on July 9th, 2025 and earned 624 upvotes and 44 comments, earning #1 Product of the Day. Animate your Figma designs in seconds with AI. Generate motion for ads, apps, sites, social posts & more: - 1-click animation generation in Figma. - Embed output in Figma or Export as GIF, Lottie, MP4. - Editable output in a full-featured motion editor
Magic Animator (Beta) was featured in Design Tools (259.5k followers), Artificial Intelligence (466.2k followers) and Animation (2.3k followers) on Product Hunt. Together, these topics include over 122.7k products, making this a competitive space to launch in.
Who hunted Magic Animator (Beta)?
Magic Animator (Beta) was hunted by Andrew Ologunebi. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Reviews
Magic Animator (Beta) has received 37 reviews on Product Hunt with an average rating of 5.00/5. Read all reviews on Product Hunt.
Want to see how Magic Animator (Beta) stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Andrew Ologunebi
Hey Product Hunt community! 👋
I’m Drew, designer and co-founder at Lottielab, and I’m excited (maybe also slightly sleep-deprived 😅) to share Magic Animator with you.
It’s the first AI tool that generates editable animations directly from your Figma files.
🚫 Why most tools fall short:
As a designer, I’ve always been drawn to motion.
It’s how we experience life. From stars to engines, from catapults to cinema, we’ve always made sense of the world by how things move. When something moves, it feels alive. 🌀
So why does motion still feel like such a pain in modern design tools?
If you've ever exported your Figma design into After Effects just to animate a button, or lost hours repetitively polishing easing curves for simple movements no one notices… I’ve been there.
Motion is creatively rewarding, and its impact on engagement is undeniable — but the workflow is often manual, repetitive, and slow. 🐌
Especially when you're designing across formats: ads, websites, onboarding, social, etc.
We built Magic Animator to change that.
And yes, there are “AI” tools now. But most of them stop at a blackbox video.
You type a prompt, get static output, and that’s it. You can’t edit it. You can’t build on it. You can’t trust it in real workflows.
We wanted something different.
Magic Animator is the first AI tool that generates actual editable animations — keyframes, layers, styles, motion curves, all using your real Figma designs.
Not just videos, but real motion design you can refine, extend, and ship across multiple use cases.
What it does:
⚡ Figma designs to AI-generated motion in 1 click — no prompts needed. The tool understands structure, hierarchy, and layout.
📦 Export to MP4 (up to 4K), GIF, Lottie and more — wherever your motion needs to go.
🛠️ Edit any generated animation in a full-featured motion editor — tweak layers, keyframes, timing, curves… or just use it as-is.
Why we built it:
As designers ourselves, we know how hard it is to go from idea to execution. Even small animations eat time.
We wanted a tool that lets beginners move fast and gives experts a head start.
🎯 Creative Momentum – Skip the blank canvas. Get 4 auto-generated animation ideas per design.
🔮 Creative Serendipity – Discover directions you didn’t plan, no prompts needed. Want more? Generate more.
⏱️ Creative Efficiency – What used to take 6 hours now takes 30 mins. Let AI handle the grunt work so you can focus on polish and intent.
We’re still in beta and there are some rough edges, but early teams at places like Netflix, Google, and Omnicom are already seeing big improvements to their UI, ad, and content workflows.
We ship weekly, and we’re learning fast from every team that uses it. 📬
If you make things move, we’d love your feedback, bugs, requests, wishlists, curveballs, all welcome. 🤘
Thanks for checking it out, excited to hear what you think!
– Drew from Lottielab