AI Agent
Chat with MagicPath's AI agent to create and refine your components, pages, and complete designs through natural conversation.
Agent Features:
- •Image upload: Attach reference images for better results
- •Revision history: Access previous versions of your design
- •: Reference components and library elements using @ symbol
When to use the AI Agent:
The AI agent is best for big changes, new functionalities, or fixing potential bugs in your design. For small, precise changes like adjusting text, colors, or spacing, we recommend using or instead.
Use the AI Agent for:
- •Major layout changes or complete redesigns
- •Adding new features or components
- •Fixing functionality issues or bugs
- •Complex structural modifications
Example refinement prompts:
"Add a user authentication flow with login and signup pages""Redesign the entire dashboard layout with a sidebar navigation""Fix the broken form submission - it's not validating user inputs correctly""Add a new e-commerce checkout flow with cart, shipping, and payment steps"Model Selector
In the chat panel, you can select from different AI models to power your designs:
Default
Automatically selects the best model for your request.
Gemini-3-pro
Our top pick for design work. Excels at turning images into code.
Opus-4.5
Powerhouse for complex designs with advanced functionality. Uses more credits.
GPT-5.1
Shines with dashboards and clean, minimal layouts. Takes a bit longer.
Sonnet-4.5
Fast and reliable, a great all-rounder for most projects.