# AI Agent

Chat with MagicPath's AI agent to create and refine your components, pages, and complete designs through natural conversation.

The AI agent understands your prompts and generates designs in real-time

### Agent Features:

- •Image upload: Attach reference images for better results  
- •Revision history: Access previous versions of your design  
- •Mentions: 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 Visual Editing or Precise AI Editing 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:

Choose the best model for your use case

- **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.

[Next Visual Editing](https://www.magicpath.ai/documentation/features/editing)