Working with Images
Updated Mar 29, 2026Guides
Use AI-generated images, upload your own, or use stock photos.
Three Ways to Add Images
1. Unsplash Stock Photos (Default)
The AI uses high-quality Unsplash photos automatically. You don't need to do anything — just describe your content and the AI picks appropriate images.
2. AI-Generated Images
Ask the AI to generate custom images:
- "Generate a hero image of a futuristic city skyline at sunset"
- "Create an illustration of diverse people working together"
- "Generate a product mockup of a smartphone showing the app"
Generated images are saved to your Media Library with a "Generated" badge.
3. Upload Your Own
Drag and drop images into the chat or use the file upload button:
- Brand logos and icons
- Product photos
- Team photos
- Any custom assets
Uploaded images are stored in the Media Library and the AI uses them in your code.
Media Library
Every project has a Media Library (accessible from the toolbar):
- View all project images
- Download assets
- See which images are AI-generated vs uploaded
- Delete unused images
Image Analysis
The AI can analyze images in your project:
- "Analyze the hero image and describe what you see"
- "What colors are used in the logo?"
- "Describe the layout of the current homepage screenshot"
Tips
- Upload images before asking the AI to use them
- Uploaded images have priority over stock photos
- Use specific filenames: "hero-banner.jpg" is better than "IMG_1234.jpg"
- For best quality, upload images at least 1200px wide