Design Mode
Design Mode is a powerful visual editing feature that lets you fine-tune AI-generated designs directly in the preview.
Why Design Mode?
Sometimes you just want to make a quick color change or adjust a font size. With Design Mode, you can:
- Edit instantly - No need to describe changes in text, just click and modify
- Save credits - Design Mode doesn’t require AI interaction, so you won’t consume any credits
- See changes in real-time - Preview adjustments immediately as you make them
- Iterate faster - Perfect for fine-tuning details without waiting for AI regeneration
For complex layout changes like adding or removing sections, use AI prompts instead.
Getting Started
To enter Design Mode, click the Design tab in the preview header. The tab will turn black when active, indicating you’re in editing mode.
Note: Design Mode is only available after the AI has finished generating the design. The tab will be disabled during generation.
Selecting Elements
Once in Design Mode:
- Hover over any element to see a blue highlight border
- Click to select the element - it will show an orange border
- A toolbar appears above the selected element with editing options
You can click different elements to switch between them. Click outside the preview area to deselect.
Editing Options
The toolbar displays different options based on the selected element type. You can adjust font size, font weight, text alignment, text color, background color, border radius, border width, border style, and border color.
Image Elements
For images, you can:
- Upload New Image - Click the image icon to upload a replacement image from your device
- Change URL - Enter a new image URL directly to swap the image source
When to Use Design Mode vs AI Prompts
Design Mode is best for:
- Change a button color
- Adjust font sizes
- Fine-tune borders
- Replace images
- Quick visual tweaks
AI Prompts are best for:
- Add a new section
- Rearrange layout
- Add new components
- Structural changes
Design Mode is perfect for quick visual adjustments, while AI prompts excel at structural changes and adding new content.