> ## Documentation Index
> Fetch the complete documentation index at: https://docs.migma.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# AI Images

> Generate on-brand images with your logo, products, and brand colors.

AI Images live in Creative Studio and the visual editor. Use them when an email needs a product shot, hero image, abstract visual, or supporting graphic that matches your brand.

Migma can use:

* Brand colors
* Logo and visual style
* Product context
* Email placement and size
* Existing images from your brand library

## Common use cases

* Hero image for a launch email
* Product image for a promotion
* Lifestyle image for a newsletter
* Abstract background for a feature announcement
* Replacement image while editing an email

## How to generate an image

<Steps>
  <Step title="Open the visual editor">
    Open an email and click an image or image placeholder.
  </Step>

  <Step title="Open Creative Studio">
    Choose the image action, then open **Generate**.
  </Step>

  <Step title="Describe the image">
    Include subject, setting, style, colors, and where the image will appear.
  </Step>

  <Step title="Review and insert">
    Pick the generated image that fits the email, then insert it.
  </Step>
</Steps>

## Prompt pattern

```text theme={null}
Subject: product photo of our new travel mug
Setting: morning kitchen counter
Style: clean, bright, premium
Brand: use our green accent color
Composition: wide hero image with space for headline
```

## Best practices

**Name the email context.** A hero image, product tile, and footer illustration need different framing.

**Use concrete subjects.** Product, person, setting, angle, and mood matter.

**Keep brand guidance short.** Colors, logo use, and style cues are enough.

**Review before sending.** Check image crop, mobile layout, file weight, and dark-mode appearance in preflight.

## Next

<CardGroup cols={2}>
  <Card title="Visual Email Editor" icon="pen-to-square" href="/email-editor/visual-editor">
    Edit images inside the email.
  </Card>

  <Card title="Email Preflight" icon="shield-check" href="/email-editor/email-preflight">
    Check rendering and quality before sending.
  </Card>
</CardGroup>
