Composer
The Composer is your creative workspace for generating and editing images with full control over all parameters.
Overview
The Composer provides:
- Text-to-image generation with natural language prompts
- Image editing with conversational instructions
- Character integration for consistent characters
- Product placement for marketing images
- Style presets for consistent aesthetics
Interface Layout
┌─────────────────────────────────────────────────────────────┐
│ Composer [History ▼] │
├─────────────────────────────────────────────────────────────┤
│ │
│ ┌─────────────────────────────────────────────────────┐ │
│ │ │ │
│ │ │ │
│ │ [Generated Image Preview] │ │
│ │ │ │
│ │ │ │
│ └─────────────────────────────────────────────────────┘ │
│ │
│ ┌───────┬───────────┬──────────┬─────────┐ │
│ │Generate│ Edit │ Character │ Product │ │
│ └───────┴───────────┴──────────┴─────────┘ │
│ │
│ ┌─────────────────────────────────────────────────────┐ │
│ │ Enter your prompt here... │ │
│ │ │ │
│ └─────────────────────────────────────────────────────┘ │
│ │
│ [⚙️ Settings] [✨ Generate] │
│ │
└─────────────────────────────────────────────────────────────┘Generation Tabs
Generate Tab
Create new images from text prompts:
┌─────────────────────────────────────────────────────┐
│ Generate │
├─────────────────────────────────────────────────────┤
│ Prompt: │
│ ┌─────────────────────────────────────────────────┐ │
│ │ A serene mountain landscape at sunset with │ │
│ │ golden light streaming through the clouds │ │
│ └─────────────────────────────────────────────────┘ │
│ │
│ Negative Prompt (optional): │
│ ┌─────────────────────────────────────────────────┐ │
│ │ blurry, low quality, distorted │ │
│ └─────────────────────────────────────────────────┘ │
│ │
│ [⚙️ Advanced Settings] │
└─────────────────────────────────────────────────────┘Edit Tab
Edit existing images conversationally:
┌─────────────────────────────────────────────────────┐
│ Edit │
├─────────────────────────────────────────────────────┤
│ Source Image: │
│ ┌──────────────┐ │
│ │ 🖼️ #342 │ [Change] [Use Last] │
│ └──────────────┘ │
│ │
│ Edit Instruction: │
│ ┌─────────────────────────────────────────────────┐ │
│ │ Add dramatic storm clouds in the sky │ │
│ └─────────────────────────────────────────────────┘ │
│ │
│ [Apply Edit] │
└─────────────────────────────────────────────────────┘Character Tab
Generate with saved characters:
┌─────────────────────────────────────────────────────┐
│ Character │
├─────────────────────────────────────────────────────┤
│ Select Character: │
│ ┌─────────────────────────────────────────────────┐ │
│ │ [🔍 Search characters...] │ │
│ │ │ │
│ │ 👤 Luna - Young adventurer with red hair │ │
│ │ 👤 Captain Rex - Space pilot in uniform │ │
│ │ 👤 Felix - Orange tabby cat │ │
│ └─────────────────────────────────────────────────┘ │
│ │
│ Scene Description: │
│ ┌─────────────────────────────────────────────────┐ │
│ │ walking through a magical forest at dawn │ │
│ └─────────────────────────────────────────────────┘ │
│ │
│ [Generate with Character] │
└─────────────────────────────────────────────────────┘Product Tab
Generate marketing images with products:
┌─────────────────────────────────────────────────────┐
│ Product │
├─────────────────────────────────────────────────────┤
│ Select Product: │
│ ┌─────────────────────────────────────────────────┐ │
│ │ [🔍 Search products...] │ │
│ │ │ │
│ │ 📦 Premium Water Bottle - Stainless steel │ │
│ │ 📦 Wireless Headphones - Over-ear design │ │
│ │ 📦 Canvas Tote Bag - Eco-friendly │ │
│ └─────────────────────────────────────────────────┘ │
│ │
│ Scene Description: │
│ ┌─────────────────────────────────────────────────┐ │
│ │ on a rustic wooden table with natural light │ │
│ └─────────────────────────────────────────────────┘ │
│ │
│ [Generate Product Image] │
└─────────────────────────────────────────────────────┘Settings Panel
Basic Settings
┌─────────────────────────────────────────────────────┐
│ Settings [×] │
├─────────────────────────────────────────────────────┤
│ Model │
│ ○ Flash (Fast, good quality) │
│ ● Pro (Slower, higher quality) │
├─────────────────────────────────────────────────────┤
│ Aspect Ratio │
│ [■] Square [▬] Landscape [▐] Portrait │
│ [▬] 16:9 [▐] 9:16 │
├─────────────────────────────────────────────────────┤
│ Number of Images │
│ [1] [2] [3] [4] │
├─────────────────────────────────────────────────────┤
│ Style Preset │
│ [None ▼] │
│ • Cinematic │
│ • Vintage Film │
│ • Anime │
│ • Watercolor │
└─────────────────────────────────────────────────────┘Advanced Settings
┌─────────────────────────────────────────────────────┐
│ Advanced Settings │
├─────────────────────────────────────────────────────┤
│ System Instruction │
│ ┌─────────────────────────────────────────────────┐ │
│ │ Create images in professional photography style │ │
│ └─────────────────────────────────────────────────┘ │
├─────────────────────────────────────────────────────┤
│ Reference Images │
│ ┌─────────┐ ┌─────────┐ ┌─────────┐ │
│ │ 🖼️ + │ │ 🖼️ │ │ × │ │
│ └─────────┘ └─────────┘ └─────────┘ │
│ Drop images here for style/composition reference │
└─────────────────────────────────────────────────────┘Prompt Writing
Basic Prompts
Start simple and add detail:
# Basic
A sunset
# Better
A sunset over mountains
# Best
A dramatic sunset over snow-capped mountains with
golden light streaming through purple clouds,
professional landscape photographyPrompt Components
| Component | Example |
|---|---|
| Subject | "a red fox" |
| Setting | "in a snowy forest" |
| Lighting | "golden hour, soft light" |
| Style | "oil painting, impressionist" |
| Mood | "peaceful, serene" |
| Technical | "8K, detailed, sharp focus" |
Negative Prompts
Tell the model what to avoid:
Negative prompt examples:
- blurry, out of focus, low quality
- text, watermarks, signatures
- distorted faces, extra limbs
- oversaturated, harsh lightingGeneration Options
Model Selection
| Model | Best For | Speed |
|---|---|---|
| Flash | Quick iterations, drafts | ~3-5s |
| Pro | Final images, complex scenes | ~8-15s |
Aspect Ratios
| Ratio | Dimensions | Use Case |
|---|---|---|
| Square | 1:1 | Social media, avatars |
| Portrait | 3:4 | Mobile wallpapers |
| Landscape | 4:3 | Desktop backgrounds |
| 16:9 | Widescreen | Presentations, YouTube |
| 9:16 | Vertical | Stories, TikTok |
Multiple Images
Generate up to 4 images per request:
┌─────────┬─────────┬─────────┬─────────┐
│ 🖼️ 1 │ 🖼️ 2 │ 🖼️ 3 │ 🖼️ 4 │
└─────────┴─────────┴─────────┴─────────┘
Click any image to select and refineStyle Presets
Applying Presets
Select a preset to auto-apply settings:
┌─────────────────────────────────────────────────────┐
│ Style Preset: Cinematic │
├─────────────────────────────────────────────────────┤
│ Applied settings: │
│ • Prompt prefix: "cinematic shot, dramatic lighting"│
│ • Negative: "amateur, flat lighting" │
│ • Aspect ratio: 16:9 │
│ │
│ Your prompt will be combined with preset settings │
└─────────────────────────────────────────────────────┘Managing Presets
Quick access to preset management:
┌─────────────────────────────────────────────────────┐
│ Style Preset [Cinematic ▼] │
│ │
│ [+ Create New] [✏️ Edit] [🗑️ Delete] │
└─────────────────────────────────────────────────────┘Image Preview
Preview Area
┌─────────────────────────────────────────────────────┐
│ ┌─────────────────────────────────────────────────┐ │
│ │ │ │
│ │ │ │
│ │ Generated Image │ │
│ │ │ │
│ │ │ │
│ └─────────────────────────────────────────────────┘ │
│ │
│ [Download] [Edit] [View in Gallery] [Copy URL] │
│ │
│ ID: #345 • 1024×768 • 2.1 MB • Generated in 4.2s │
└─────────────────────────────────────────────────────┘Preview Actions
| Action | Description |
|---|---|
| Download | Save to device |
| Edit | Continue editing this image |
| View in Gallery | Open in Gallery view |
| Copy URL | Copy public URL |
| Regenerate | Generate again with same settings |
Workflow Tips
Iterative Refinement
- Start with Flash model for quick drafts
- Refine your prompt based on results
- Switch to Pro for final high-quality version
- Use Edit tab for fine adjustments
Using Characters
- Create character in Characters view first
- Select character in Composer
- Describe only the scene (character details applied automatically)
- Generate multiple scenes with consistent character
Batch Generation
For multiple variations:
- Write your base prompt
- Set "Number of Images" to 4
- Generate
- Pick the best result
- Refine with editing
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Ctrl/Cmd + Enter | Generate image |
Ctrl/Cmd + E | Switch to Edit tab |
Ctrl/Cmd + G | Switch to Generate tab |
Ctrl/Cmd + S | Open Settings panel |
Esc | Close panels |
History
Access recent generations:
┌─────────────────────────────────────────────────────┐
│ Recent Generations [×] │
├─────────────────────────────────────────────────────┤
│ 🖼️ "sunset over mountains..." - 2 min ago │
│ 🖼️ "portrait of a warrior..." - 15 min ago │
│ 🖼️ "product shot with bottle..." - 1 hour ago │
│ │
│ [View All in Gallery] │
└─────────────────────────────────────────────────────┘Error Handling
Common Errors
┌─────────────────────────────────────────────────────┐
│ ⚠️ Generation Failed │
│ │
│ "Content policy violation detected" │
│ │
│ Try adjusting your prompt to avoid: │
│ • Explicit content │
│ • Violence or harm │
│ • Real people or celebrities │
│ │
│ [Edit Prompt] [Try Again] │
└─────────────────────────────────────────────────────┘Rate Limiting
┌─────────────────────────────────────────────────────┐
│ ⏳ Rate Limit Reached │
│ │
│ You've reached your rate limit (60 req/min) │
│ Please wait 30 seconds before generating again. │
│ │
│ [OK] │
└─────────────────────────────────────────────────────┘Responsive Design
The Composer adapts to screen size:
Desktop: Full layout with side panel Tablet: Stacked layout, collapsible settings Mobile: Full-screen prompt input, bottom sheet settings