> ## 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.

# Visual Email Editor

> Click into any part of your email to edit it. No code needed.

Once Migma generates your email, you can click into any part of it to make changes. Text, images, buttons, colors, layout, everything is editable directly on the canvas. No code, no design tools, no exporting back and forth.

***

## Opening the editor

After Migma generates your email, it appears in the chat as a preview.

1. Click on the email preview to open it
2. Look for the **cursor icon** in the top right corner of the email body
3. Click it to enter edit mode

<img src="https://mintcdn.com/migmaai/EPeAIqF9d83RZHA7/images/enable-edit-mode.png?fit=max&auto=format&n=EPeAIqF9d83RZHA7&q=85&s=8bc5beacb6267c3e47ba12d319d52b51" alt="Enable Edit Mode" title="Enable Edit Mode" style={{ width:"33%" }} width="274" height="96" data-path="images/enable-edit-mode.png" />

Once you are in edit mode, click any element on the canvas to start editing it.

***

## Editing your email

Click any element in the preview to select it. A panel opens on the right where you can make your changes.

<img src="https://mintcdn.com/migmaai/EPeAIqF9d83RZHA7/images/email-visual-editor.png?fit=max&auto=format&n=EPeAIqF9d83RZHA7&q=85&s=986174daea6200e98e710ffca23f277a" alt="Email Visual Editor" width="2157" height="1284" data-path="images/email-visual-editor.png" />

***

## What you can edit

**Text** — Click any text block to edit the copy inline. Change the font, size, weight, color, and alignment from the right panel.

**Images** — Click an image to replace it, adjust the size, or add a link. You can upload your own image or generate one with AI.

**Buttons** — Click a button to change the label, link, color, border radius, and padding.

**Colors** — Change the background color of any section or the full email. Your brand colors are always available as quick picks.

**Layout** — Add new sections, duplicate existing ones, or drag to reorder. Each section can have one, two, or three columns.

**Links** — Click any linked element to update the URL. All links are tracked automatically when you send a campaign.

***

## Refine with AI

Not happy with a section? You can ask Migma to rewrite it without leaving the editor. Select any block and type what you want to change in the chat panel.

<img src="https://mintcdn.com/migmaai/EPeAIqF9d83RZHA7/images/ask-ai-visual-edito.png?fit=max&auto=format&n=EPeAIqF9d83RZHA7&q=85&s=cc6c7eeb4e84a9fb3b6599fa4e010ac4" alt="Ask Ai Visual Edito" title="Ask Ai Visual Edito" style={{ width:"68%" }} width="631" height="322" data-path="images/ask-ai-visual-edito.png" />

Some things you can ask:

> "Make this section shorter and more conversational"

> "Change the hero headline to focus on saving time"

> "Add a testimonial section after the features"

***

## Preview and Preflight

Before you send, check how your email looks across different devices and email clients.

**Preview** — Toggle between desktop and mobile view inside the editor.

**Preflight**: run client previews and compatibility checks, including Gmail, Outlook, and Apple Mail.

<Card icon="clipboard-check" href="/email-editor/email-preflight" title="Email Preflight">
  Preflight before export or send
</Card>

***

## What do you want to do next?

<CardGroup cols={2}>
  <Card icon="clipboard-check" href="/email-editor/email-preflight" title="Email Preflight">
    Test across Gmail, Outlook, Apple Mail, and more.
  </Card>

  <Card icon="arrow-up-right" href="/email-editor/export-options" title="Export options">
    Download HTML or send straight to your ESP.
  </Card>

  <Card icon="wand-magic-sparkles" href="/content-hub/ai-image-generation" title="Generate images with AI">
    Create on-brand visuals without a designer.
  </Card>

  <Card icon="rocket" href="/campaigns/send-campaign" title="Send a campaign">
    Send your finished email to your audience.
  </Card>
</CardGroup>