# How to Turn Existing Email Designs Into On-Brand Emails With AI

*Published: 2026-03-21*

Not every company starts from a blank page. Many teams already have approved email designs, brand templates, Figma files, or high-performing campaigns from another ESP.

The question is not whether AI can create something from scratch. The better question is: can AI use what already works?

For modern email teams, the answer should be yes.

## Key takeaways

- Approved layouts already hold header, footer, type, spacing, and legal patterns. Starting over throws that away.
- Three import paths cover most teams: upload HTML, connect a Figma frame, or recreate from an image.
- After import the file is a normal canvas email. Edit it, save it as a template, generate variants, or send it.
- Import is the start. The useful part is turning old assets into a system you can adapt for new campaigns and [automations](/blog/email-marketing-automation-guide).

## Two types of email teams

Most companies fall into one of two groups.

**Smaller teams** often do not have a design system for email. They need AI to create the first strong version quickly.

**Larger teams** already have existing designs. They need AI to respect what is already approved, then adapt it for new campaigns and automations.

The second group needs import workflows.

## Why existing designs matter

Existing email designs carry a lot of brand knowledge:

- Header and footer patterns
- Button styles
- Typography choices
- Spacing and layout density
- Image treatment
- Legal and unsubscribe conventions, including a working opt-out under [CAN-SPAM](https://www.ftc.gov/business-guidance/resources/can-spam-act-compliance-guide-business)
- Tone and structure that already performs

Throwing that away makes AI less useful. The system should learn from existing work, not replace it.

## Three ways to bring existing designs into Brew

Brew supports three practical import paths.

### 1. Upload HTML

If you already have email HTML from another ESP or an internal design system, upload it into Brew. Brew imports it as an editable email on the canvas.

This is useful when:

- You have production-ready HTML from a past campaign
- You want to migrate templates from another ESP
- Your team has a coded email design system
- You want the most accurate recreation of structure and spacing

Once imported, you can ask Brew to rewrite, rebrand, shorten, localize, or turn the design into variants. A tight brief still helps. See [how to brief an email agent](/blog/how-to-brief-an-email-agent).

### 2. Connect with Figma

If your team designs email in Figma, connect Figma and paste a frame URL into Brew. Brew converts the frame into a responsive email.

This is useful when:

- Designers work in Figma before marketing builds the email
- You want to preserve layout fidelity
- You need to move from design to sendable email faster
- You want to avoid rebuilding the same layout by hand

Figma import is especially helpful for bigger teams with a brand or design function.

### 3. Upload an image to recreate

If all you have is a screenshot or visual reference, upload the image. Brew recreates the structure and style as an editable email.

This is useful when:

- You like an email but do not have the HTML
- You have screenshots of older campaigns
- You want to borrow a structure without copying the brand
- You want Brew to create a new version in your style

## What happens after import?

Imported designs become normal Brew emails on the canvas. That means you can:

- Edit manually
- Edit with AI
- Save as a template
- Set as a reference email
- Generate variants
- Send a test preview
- Send to an audience
- Export to HubSpot, Klaviyo, Mailchimp, Brevo, and other ESPs

The import is just the starting point. The value comes from turning old assets into reusable, adaptable email systems.

## How to choose the right import path

| Starting point      | Best path                |
| ------------------- | ------------------------ |
| Existing ESP HTML   | Upload HTML              |
| Figma frame         | Connect with Figma       |
| Screenshot or image | Upload image to recreate |
| Email in your inbox | Forward to Brew          |
| No existing design  | Start with a prompt      |

## Why this matters for enterprise teams

Bigger companies often move slower because email production has more constraints: brand review, design review, legal copy, approved layouts, and ESP handoff.

Import workflows reduce that friction. The team does not need to start over. It can use existing approved assets, then let AI adapt them to new goals.

That is how AI becomes useful in real marketing teams. It works with the system that already exists.

## Where Brew fits

[Brew](/) supports both blank-page creation and existing-design imports. Start from a prompt if you need a new direction. Import HTML, Figma, or an image if you already have a design you want Brew to use.

Either way, the result lands on the canvas as an editable email you can send, schedule, or export.

Imported legal footers still need a real unsubscribe, not only a lookalike block. [RFC 8058](https://www.rfc-editor.org/rfc/rfc8058.html) is the one-click header. For copy after the layout is in, use [how to write marketing emails](/blog/how-to-write-marketing-emails) and [email marketing best practices](/blog/email-marketing-best-practices). To contact us about this article, write [Brew support](/support).

## How to use this page

**Email design import** is turning an approved layout into something an agent can remix.

**A source file** is the Figma, HTML, or image you already shipped.

**A remix** is a new send that keeps the layout and changes the offer.

For example, last quarter's welcome hero can become this month's launch hero without a blank canvas.

| Move | Why it matters |
| --- | --- |
| Start from the approved layout | Agents copy structure better than they invent your brand |
| Check the live clients | Imported CSS still dies in Outlook |

US commercial mail still follows the [FTC CAN-SPAM guide](https://www.ftc.gov/business-guidance/resources/can-spam-act-compliance-guide-business) and [16 CFR 316.3](https://www.ecfr.gov/current/title-16/chapter-I/subchapter-C/part-316/section-316.3). Bulk sending still has to meet [Gmail's sender requirements](https://support.google.com/a/answer/81126). To contact us about this article, use the support link above.

## Frequently asked questions

### Can AI use an existing email design?

Yes. The useful question is not whether AI can invent a layout. It is whether it can start from HTML, a Figma frame, or a screenshot you already trust. Import keeps header, footer, type, and spacing instead of throwing the system away.

### What is the best way to import email HTML?

Upload production HTML when you have it from another ESP or an internal design system. That path is the closest recreation of structure and spacing. After it lands on the canvas you can rewrite, rebrand, shorten, localize, or spin variants without rebuilding the layout by hand.

### When should I import from Figma instead of HTML?

Use Figma when designers still work in frames before marketing builds the send. Paste a frame URL, get a responsive email, and skip the hand rebuild. It is the better path for teams with a brand or design function and no coded template yet.

### What if I only have a screenshot of the email?

Upload the image and recreate the structure as an editable email. That is the path when the HTML is gone, you only have older campaign shots, or you want the layout without copying someone else's brand. Treat it as a starting point, then edit.