Overview
Many AI agents support image input, allowing you to provide visual references for design inspiration. This helps the AI understand exactly what style you’re looking for.Supported Agents
The following agents accept image input:| Agent | Image Support |
|---|---|
| Page Builder (Advanced) | ✓ |
| Page Builder | ✓ |
| Website Builder | ✓ |
| Block Creator | ✓ |
| Block Editor | ✓ |
| Header | ✓ |
| Footer | ✓ |
How to Upload Images
- Open the AI chat sidebar
- Click the image upload icon
- Select an image from your device
- Add your text prompt
- Submit
Types of Reference Images
Design Screenshots- Screenshots of websites you like
- UI designs from Dribbble/Behance
- Competitor website sections
- Color palette examples
- Typography samples
- Layout inspirations
- Your logo
- Brand guidelines
- Existing marketing materials
Best Practices
- Clear images - Use high-quality, clear screenshots
- Relevant sections - Crop to show the specific section you want to reference
- Combine with text - Always add a text prompt explaining what you want
- Multiple references - You can describe multiple inspirations in your prompt
Example Usage
With screenshot:“Create a hero section similar to this design but with my brand colors” + [uploaded image]With style reference:
“Build a pricing table with this card style” + [uploaded image]
Tips
- The AI analyzes layout, colors, and structure
- It won’t copy exactly but uses it as inspiration
- Combine image + detailed text for best results
- Use for complex designs that are hard to describe