Alloy · Magic Patterns Alternative for Product Teams
AI Prototyping that beats Magic Patterns
AI Prototypes that look exactly like your product. Made for Product Managers.
Capture pages and chat to build
Use your existing codebase, components, and pages to explore product ideas.
Use the capture extension or connect your codebase
Shipments
Container from Shanghai
40ft • ETA Dec 28 • In transit
Express delivery to NYC
Priority • 2-day • Dispatched
Bulk order processing
8 pallets • Warehouse B • Packed
Air freight to London
Flight CX251 • Tomorrow • Ready
Last mile delivery
12 packages • Route optimized
Prompt new ideas that blend in perfectly
Lily Parker 9:41 AM
Here's a quick prototype
Shipments MVP
Added by Alloy
8
5
🤯
3
Max Meyer 9:42 AM
Exactly what we need! ✅
Simon Kubica 9:47 AM
you made that in 5 minutes?!
Share with your team and customers
Build ideas instantly
Alloy is the easiest way to make changes to your product. Just prompt, share, and push production-ready code.
Max Meyer 12:28 PM
@Alloy let’s add a bulk select & move feature for the items on the home page
AlloyAPP 12:28 PM
I’ll add a bulk select and move feature for the items on the home page.
Codebase
- Airbnb app
Library
- Airbnb Design System
Themes
- Base theme
Start from your real product
Connect your codebase or capture pages from the browser extension.
Preview live in the browser
Alloy runs your app in a sandbox and lets you view changes as you prompt.
Share 'Notifications panel'
Invite by email
Invite
- Anyone at Airbnb
Full access - Anyone with the link
Public
Share with a link
Every session lives in the cloud. Share it with your team or customers instantly.
Connected to where your ideas live
Use ideas, insights, and customer requests – from over 20 integrations – and build them directly in Alloy.
Skip developer handoff
Changes are built on your codebase. Push to a Pull Request at any time.
Get feedback
Share a link and get feedback from comments.
Push code
Raise a Pull Request and roll your change out to customers.
Ship faster
Stop spending time wrangling local developer environments.
Enterprise Ready. Built to Scale.
We view security as an engineering standard, not a list of badges. Every part of the platform is designed to keep your data secure.
Frequently asked questions
How do I use my existing product in Alloy?
Either connect your codebase or add the browser extension. Using your codebase lets Alloy run your entire app and write production code, while the browser extension helps with instant visual prototyping.
How is Alloy different from Claude Code?
Alloy lets anyone in your company start a session from the cloud, without having to run a developer environment on their local machine. Sessions can be started from Slack, run in parallel, shared with teammates or customers, and pushed to GitHub without any complex setup work.
How is Alloy different from other app builder tools?
Alloy lets you start from your existing product and write production code you can push to customers. Rather than pasting in screenshots and getting off-brand results, Alloy understands your product, component library, and design system. Everything you build automatically looks like something your designer made.
Is there any setup required?
The browser extension requires no setup and captures your product instantly, letting you start prototyping right away. When you're ready for more power, you can connect your codebase, which requires admin permissions and around 15 minutes of setup time.
Can I import from Figma?
Not right now, but we're working on it. For now you'll get the best results by capturing your actual web app, not Figma. You can export your Alloy prototype to Figma at any time by clicking the Figma button in the top right of your prototype.
Does Alloy generate code that I can use?
Yes, every Alloy session can be exported, accessed via MCP, or converted to a Pull Request in GitHub.
How does Alloy compare to Magic Patterns?
Alloy captures your live product instead of reconstructing it from prompts or screenshots. In our head-to-head test of the best AI prototyping tools, it was the only tool that preserved the reference product's exact fonts and imagery. For a deeper look at Magic Patterns, read our Magic Patterns review and alternatives.