Hey Product Hunt! We're back with our 5th launch ever!
Today, we're launching Magic Patterns Agent 2.0, the culmination of 3 years of observing real customer workflows and AI design use cases.
Every day, a new AI design tool comes out, but Magic Patterns is battle-tested. Our first launch ever was 3 years ago on this website, and today 1,500+ product teams at companies like Granola, Vanta, and Freedom Mortgage use Magic Patterns to go from idea to production.
With Magic Patterns, designers, PMs, and founders use their company's real design system to create interactive mockups and hand off to engineering.
Today, on Magic Patterns, we're announcing:
Skills: drop in any SKILL file to give our AI agent specialized instructions on demand
Connectors: pull in context from your favorite tools
MCP 2.0: export production-ready code to your coding agents with our MCP.
We've also made several improvements to our Agent. In our eval harness, we're seeing it use 15% fewer credits, 10% faster time-to-first-token, and an 8% performance improvement (measured by error rate). Agent 2.0 gives you faster, more reliable outputs at lower cost.
We can't wait to see what you'll build with Magic Patterns. Happy prompting!
P.S. It feels so good to be back on Product Hunt!
Report
Daily user of MagicPatterns here. It has (NEARLY) completely replaced my need for Figma. I'm ALSO a heavy user of Claude Code - but there's nothing like going from one single prompt to a visual working prototype. And no tool does it as well as MagicPatterns - for the product designers workflow(IMO). I'm also a Lovable user - but for different use cases. When I'm in Design Mode -> I choose MagicPatterns. When I'm in - hack on this backend/scripting problem -> Claude Code. When I want to whip up a full stack app fast that I think I'll take to market -> probably Lovable. But again - besides MAYBE v0 - no one has been at this AS long - and with AS much of a customer obsession as Alex and Teddy at MagicPatterns. Big big fan.
What’s the most common breaking point that makes a team switch from Figma-first prototyping (or Figma Make) to Magic Patterns? Is it speed, interactivity realism, design-system consistency, or the engineering handoff—and what does the first week of adoption look like when it clicks?
"Prototyping now happens during design discussions, rather than as a separate phase taking days or weeks after every meeting." — senior designer at Australia's fastest growing fintech.
In general, across our customers, I see that it's speed. They can now make updates live, literally during a meeting versus having to "circle back."
We're also one of the only tools that connect to your real design system. More on this soon... probably another Product Hunt launch!
@jalcantara thank you, Jorge! That's kind of you. Thanks for following us since the beginning!
Report
Really cool launch! Btw whats your moat over claude design or google's stitch? Is it affordability, speed or the actual design? Or correct me if am wrong and this is not even competing stitch or claude design
Magic Patterns generates React code and we can connect to component library via NPM or wherever its hosted, and then use the actual production React component code directly.
Google Stitch I believe mainly pushes for using markdown: a DESIGN.md, which we also support. It's equivalent of our Rules file: https://www.magicpatterns.com/docs/documentation/design-systems/self-serve/rules. Claude Design appears to be HTML-first unless you connect to your design system, but then it creates copies of the components? In the case of Claude Design, we also support other models like Gemini 3.1, which tends to produce great designs.
Report
Congrats on the launch I've been using it for my sales decks recently!
the "match your existing design system" angle is a huge deal — most design agents spit out generic tailwind and call it a day. how does the agent actually pick up on an existing system? scanning components, reading tokens, or something else?
Replies
Magic Patterns
Hey Product Hunt! We're back with our 5th launch ever!
Today, we're launching Magic Patterns Agent 2.0, the culmination of 3 years of observing real customer workflows and AI design use cases.
Every day, a new AI design tool comes out, but Magic Patterns is battle-tested. Our first launch ever was 3 years ago on this website, and today 1,500+ product teams at companies like Granola, Vanta, and Freedom Mortgage use Magic Patterns to go from idea to production.
With Magic Patterns, designers, PMs, and founders use their company's real design system to create interactive mockups and hand off to engineering.
Today, on Magic Patterns, we're announcing:
Skills: drop in any SKILL file to give our AI agent specialized instructions on demand
Connectors: pull in context from your favorite tools
MCP 2.0: export production-ready code to your coding agents with our MCP.
We've also made several improvements to our Agent. In our eval harness, we're seeing it use 15% fewer credits, 10% faster time-to-first-token, and an 8% performance improvement (measured by error rate). Agent 2.0 gives you faster, more reliable outputs at lower cost.
We can't wait to see what you'll build with Magic Patterns. Happy prompting!
P.S. It feels so good to be back on Product Hunt!
Daily user of MagicPatterns here. It has (NEARLY) completely replaced my need for Figma. I'm ALSO a heavy user of Claude Code - but there's nothing like going from one single prompt to a visual working prototype. And no tool does it as well as MagicPatterns - for the product designers workflow(IMO). I'm also a Lovable user - but for different use cases. When I'm in Design Mode -> I choose MagicPatterns. When I'm in - hack on this backend/scripting problem -> Claude Code. When I want to whip up a full stack app fast that I think I'll take to market -> probably Lovable. But again - besides MAYBE v0 - no one has been at this AS long - and with AS much of a customer obsession as Alex and Teddy at MagicPatterns. Big big fan.
Magic Patterns
@switmer777- feedback from daily users like you has been influential to the product. Appreciate you writing this.
You're calling out how each tool has it's own strength, which I think is largely forgotten as it feels like a new tool comes out every day.
We're stay very focused on prototyping and frontend use cases... for the last 3 years! Always been the vision.
Product Hunt
Magic Patterns
@curiouskitty You can hear it directly from our customers: https://www.magicpatterns.com/customers/lendi
"Prototyping now happens during design discussions, rather than as a separate phase taking days or weeks after every meeting." — senior designer at Australia's fastest growing fintech.
In general, across our customers, I see that it's speed. They can now make updates live, literally during a meeting versus having to "circle back."
We're also one of the only tools that connect to your real design system. More on this soon... probably another Product Hunt launch!
Magic Patterns
Product Hunt is where it all started for us, so excited to be back with this launch!
One thing I'm especially proud of: alongside Agent 2.0, we rebuilt the editor UI from scratch.
For those of you who've used Magic Patterns before, you'll feel the difference immediately:
The chat thread is way easier to scan, surfacing the information that matters to you
Visual Editing got a huge refresh, making one of our most popular features better and easier to use
Model Picker is now available, you can now pick the right model for your prompt, all the way from Gemini 3 to Opus 4.7
Three years of watching how people actually use this tool went into this redesign.
We can't wait to hear your feedback!
Absolutely recommend magic patterns from the bottom of my wallet ❤️
The ROI of having a tool like this in the teams' pocket is immense. Your imagination is the limit. It's not only prototypes, but videos,
https://www.linkedin.com/posts/jorgeakairos_product-context-gets-fragmented-fast-calls-ugcPost-7453103110559989760-RLi1
local tools,
https://www.magicpatterns.com/c/5yywrafwujevlik1ljzqp7/preview
and even games...
https://project-anarchy-cookbook.magicpatterns.app/
This team ships 🚀
And they're also great people. Los máximos!
Magic Patterns
@jalcantara thank you, Jorge! That's kind of you. Thanks for following us since the beginning!
Really cool launch! Btw whats your moat over claude design or google's stitch? Is it affordability, speed or the actual design? Or correct me if am wrong and this is not even competing stitch or claude design
Magic Patterns
@lak7 Hey! Both great tools! We've been hacking on using your design system with AI for 3 years and so the biggest difference is we can actually connect to your company's real design system.
Magic Patterns generates React code and we can connect to component library via NPM or wherever its hosted, and then use the actual production React component code directly.
Google Stitch I believe mainly pushes for using markdown: a DESIGN.md, which we also support. It's equivalent of our Rules file: https://www.magicpatterns.com/docs/documentation/design-systems/self-serve/rules. Claude Design appears to be HTML-first unless you connect to your design system, but then it creates copies of the components? In the case of Claude Design, we also support other models like Gemini 3.1, which tends to produce great designs.
Congrats on the launch I've been using it for my sales decks recently!
Magic Patterns
@castano always be closing!
the "match your existing design system" angle is a huge deal — most design agents spit out generic tailwind and call it a day. how does the agent actually pick up on an existing system? scanning components, reading tokens, or something else?
Magic Patterns
@tijogaucher Hi, we can link to the NPM library directly! Making it truly 1:1 https://www.magicpatterns.com/docs/documentation/design-systems/overview
@alexdanilowicz Love this! Thanks for sharing.
Liveblocks
Let’s go team!
Magic Patterns
@stevenfabre We love building with Liveblocks! Powers all the realtime. Every single design in Magic Patterns is multiplayer.
I originally found Magic Patterns on Product Hunt mid-2024 and been building with it ever since.
I'm so excited to start using the different connectors with faster generations in Agent 2.0!
Magic Patterns
@tredubrava Yes our very first launch EVER was on Product Hunt!! Appreciate you saying this!! It's good to be back!!