Features

Design View

Design View - Opulent documentation

Design View

Iterative visual editing — mark any element in an image and change it precisely, without regenerating from scratch

What is Design View?

Design View is Opulent's integrated visual editing mode that transforms image generation from a one-shot process into an iterative workflow. Instead of rewriting a prompt and hoping a new generation is better, you mark specific elements in an existing image and give targeted instructions for exactly what to change — everything else stays untouched.

This is not a standalone tool. It is a capability of the Opulent agent, meaning you can move fluidly between generating images, refining them in Design View, and incorporating them into documents, slides, and presentations — all within one workspace.


How to Use Design View

Step 1: Generate Your Base Image

Start with a prompt that produces a strong initial concept. The better the base, the less refinement you need.

"A photorealistic exterior shot of a modern SaaS company office building —
glass facade, landscaped entrance, warm afternoon light"
"A clean product mockup of our mobile app on an iPhone 15 Pro,
on a white marble surface, professional photography style"
"A flat design illustration of an enterprise data pipeline —
boxes, arrows, icons, brand color palette"

Step 2: Mark and Refine

Once you have your image, activate Design View and use the Mark Tool to select specific elements:

  1. Click Mark in the image panel
  2. Draw a selection around the element to change (a button, a background, a person's clothing, a UI component)
  3. Describe the change for that specific element:

Examples:

  • Select the background: "Change to a deep navy blue gradient"
  • Select a UI button: "Make this button rounded with a green fill"
  • Select a product: "Change the color to matte black"
  • Select text on a poster: "Change to: 'Q4 Revenue Report 2025'"

The rest of the image remains unchanged — consistent lighting, composition, and style are preserved.

Step 3: Edit Text Elements

If your image contains text (a poster, a UI screen, an infographic), click Edit Text to extract all text elements and modify them without disturbing the image:

  • Change copy on a mockup screen
  • Update headline text on a slide background
  • Revise labels on a diagram

Batch Edits

Mark multiple areas in a single pass — one instruction per area — and submit them all at once. Opulent processes all changes in a single generation, saving time on complex multi-element edits.


Reference Images

Add elements to your image using a reference photo:

"Add the logo from this reference image to the top-left corner
of the office building exterior"

(Upload reference image)

"Place this product on the desk in the image, matching the lighting"

(Upload product photo)


Common Uses

Product & Marketing Design

  • Product mockups with iterative refinements
  • Ad creative variants (swap background, change CTA color, update headline)
  • Social media assets adapted from a base image

UI/UX Prototyping

  • App screen mockups with precise UI element edits
  • Before/after design comparisons
  • Wireframe-to-mockup iterations

Presentation Visuals

  • Custom slide backgrounds with specific element changes
  • Infographics refined element by element
  • Brand-consistent illustrations iterated from a base style

Document Assets

  • Report cover images
  • Blog post header illustrations with text overlay adjustments
  • Diagram refinements without full regeneration

Tips for Better Results

Start with a strong base image:

  • ✅ Spend time on your initial prompt — composition, lighting, style
  • "Photorealistic, professional, centered subject, shallow depth of field"
  • ❌ Vague prompts produce vague bases that are harder to refine

Be specific with Mark instructions:

  • "Change this to a muted sage green with a subtle texture"
  • "Replace with a modern sans-serif font in white"
  • "Make this better"

Use reference images for branded elements:

  • ✅ Upload your logo, product, or brand asset and reference it directly

Iterate in small steps:

  • ✅ One or two changes per round, review, then continue
  • The power is in the iteration — don't try to perfect everything in one pass

Common Questions

How is this different from just regenerating with a new prompt? Regeneration creates a completely new image — different composition, different details, different everything. Design View changes only what you mark, preserving everything else: lighting, perspective, style, and all unselected elements. This makes consistent brand assets and product mockups practical.

Can I use Design View on images I uploaded, not just ones I generated? Yes. Upload any image and use the Mark Tool to make targeted edits.

Can I undo a change? Yes. The image panel maintains version history. Click any previous version to revert.

Is there a limit on how many marks per edit? You can mark multiple areas in a single edit session. Complex images with many marks may take slightly longer to process.

Can I use Design View on mobile? Yes. On the Opulent mobile interface: press and hold any area of an image to create a selection, then type or dictate your instruction.