Agent Mode is our new architecture designed specifically for rapid prototyping, creative inspiration, and building production interfaces.
Across our internal benchmarks, Agent Mode represents a step-function leap over other AI tools and our old system.
We've seen a significant improvement across internal benchmarks.
Automatic Model Routing
We are especially excited to bring the UI-quality of Gemini 3 Pro with the speed and intelligence of Claude Sonnet 4.5 & Opus 4.5.
This multi-model architecture lets us match each task to the model best suited for it.
The result is the best UI generations we've seen:
New & Improved Capabilities
Browse Websites
On Magic Patterns, you can reference any website by simply sharing its URL. The agent browses the page, captures its design, and uses it as context.
Prompt: "Clone airbnb.com"
Context Awareness
Rather than generating everything in a single pass, the agent builds context as it works. It studies your existing design, asks relevant questions, and writes changes incrementally.
With Agent Mode, we've seen a 40% decrease in errors compared to "Legacy" mode. It is also 35% more effective at fixing bugs.
Agent Mode searching and planning.
Custom Component Usage
Teams like Freedom Mortgage and Lendi Group rely on custom components to bring their existing brand and product context into the generation process.
Agent Mode understands your component libraries deeply. It will automatically search, select, and apply them to produce outputs that feel native to your existing guidelines.
Agent Mode using custom components autonomously.
Try Agent Mode Today
Agent Mode is now available for all users. Automatic model routing is enabled by default. Available under simplified pricing for a limited time.