Skip to main content
Open an email and select Visual Editor. Click any text, image, button, or section to edit it. You do not need to edit HTML.
Use design chat to ask for changes to the whole email. Use Mark Select to point at a specific area. Use Visual Editor when you want to make the change yourself.

​
How to use the Visual Editor

1

Open one email

Select an email, then select Edit email. Visual Editor is available after the email opens.

Open one email from the canvas

2

Open Visual Editor

Select Visual Editor in the message box. You can also select the cursor button next to the email.

Select an element and change it in the editor

3

Change settings for the whole email

Select Email at the top of the editor. You can change the width, font, text size, and background. You can also review variables and links.

Settings for the whole email

Fix links marked No destination, Placeholder, or Not allowed in email before you export or send the email. Add fallback text for variables that may be empty.
4

Edit text

Select a heading or paragraph. Type in the email. Use the controls to change the font, size, weight, color, alignment, background, corners, or spacing.

Edit a heading, change its color, and add a first-name fallback

5

Edit an image

Select an image. You can replace it, crop it, remove its background, or describe an edit. You can also add alt text and a link. Select Add caption to add a small line of text under the image, then click it to write your own.

Image controls and crop settings

6

Choose a new image

Upload, drag, or paste a file. You can also select Your images, Stock images, or GIF images.

Upload, paste, or choose an image

GIFs work best as content images. Background images use a still frame in email clients that do not animate them.
7

Crop or shape the image

Select Adjust. Crop, move, or change the shape of the image. You can also add a sticker or text. Select Done to apply the changes.

Crop and shape an image

8

Edit a button

Select a button. Change its text and link. Select Filled, Outline, or Text link. You can also change its width, colors, corners, and spacing.

Change button text, destination, and style

9

Find elements with Layers

Open Layers when you cannot select something directly. The list includes sections, columns, images, headings, paragraphs, spacers, and dividers. Select a name to open it.

Find an element in Layers

The toolbar next to the selected element lets you move, add, copy, save, comment on, or remove it.Select the plus icon to open Add block. Basic adds a single Heading, Text, Image, Button, Divider, Spacer, or Social links. Columns adds a 2 columns, 3 columns, 1/3 + 2/3, or 2×2 grid layout with placeholder text in each cell. Columns stack on narrow screens. The new block lands next to the selected element.
10

Save or discard changes

Select Keep changes to save. Select Discard to close without saving.
11

Check the phone preview

Select the phone preview. Check text size, image crops, button width, spacing, and reading order.

Review the same email at mobile width

12

Run Email Preflight

Open Email Preflight to check device previews, links, grammar, CSS support, and delivery issues. Review light and dark inbox previews. Fix any problems, then send a test email to yourself.

Check the finished email across common inboxes

Use Send Test Email before you send the final email.

​
Use Mark Select to point at something

Mark Select is a separate tool. Use it when you want to show Migma what to change and describe the result in words.
  1. On the full canvas, select Mark Select in the message box or press R
  2. Drag around the area you want to change
  3. A cropped preview of the area is added to your message
  4. Write the requested change next to the preview; add more selections if needed
  5. Send the message; open the result in Visual Editor if you want to make more changes yourself
Press Escape or select Mark Select again to stop.

Select an area and refer to it in your message

​
Highlight or cover part of an image

Use image effects to highlight or hide part of an image.
  1. Select an image, select Adjust, then open Effects
  2. Select Spotlight to dim the area outside your selection, or Cover area to place color over it
  3. Select Rectangle or Oval, then draw, move, or resize the area
  4. Set the color and strength, select Done, then save your Visual Editor changes
Select Whole image to apply the effect to the full image. At full strength, Cover area hides the selected area.

Apply Spotlight or Cover area to part of an image

​
Save and reuse a section

You can save a section and use it in another email.
  1. Select the top-level section in the email or Layers
  2. Select Save to library in the toolbar next to it
  3. Open Sections, then Saved, and select the section to insert it

Save a complete section, then insert it from Saved

Migma saves the whole section, not an item inside it. Manage saved sections under Brand Workspace → Design references → Emails → Sections.

​
A simple workflow

  1. Create or import an email, then open it
  2. Edit the heading, body text, and button text in Visual Editor
  3. Replace or crop images, then check their alt text and links
  4. Use Mark Select for changes you want to describe
  5. Use Layers when an element is difficult to select
  6. Check the phone preview
  7. Save your changes, run Email Preflight, and send yourself a test

​
Check before you send

Use the desktop and phone previews to check spacing, text size, image crops, and buttons. Use Email Preflight to review links, common inboxes, and compatibility. Check both light and dark mode. Before sending, read the copy, open each link, check fallback text, and send yourself a test.

​
Troubleshooting

Open one email first. Visual Editor is not shown on the full canvas. If the email is read-only, ask Migma chat to create an editable version.
Open Layers and select the part by name. This also works for empty sections, spacers, columns, and parts outside the visible area.
Select the image, select Adjust, then crop or move it. Select Reset to return to the original crop.
Use undo if it is available. If you have not saved the edit, select Discard and open Visual Editor again.

​
Next

Check your email

Check desktop, mobile, light mode, dark mode, links, and inbox compatibility.

Create an image

Create an image and add it to the email.

Move it to your email platform

Download the email or send it to a connected email platform.

Review with your team

Share the email, leave feedback, and edit together.
Last modified on September 1, 2026