Import a Klaviyo email into Figma.

Bring Klaviyo campaigns into Figma from either the original HTML or a saved EML file, then use the campaign as an editable design reference.

Get Email to Figma ↗See the workflow ↓

Klaviyo HTML

Inbox EML

Editable design

Quick answer

If you can export the Klaviyo campaign HTML, upload that file to Email to Figma. If you only have the delivered campaign in your inbox, save it as EML and import that instead.

How to move a Klaviyo email into Figma

Using Klaviyo campaign HTML

When you're working with your own campaign and have access to the email source, save the email as a complete HTML file and upload it to the plugin.

Save or export the campaign HTMLCreate a complete .html file from the email source you have access to.

Open Email to FigmaLaunch the plugin inside your destination Figma file.

Upload the fileThe email is rendered and recreated as Figma content you can work with.

Using a delivered Klaviyo email

If the campaign is already in your inbox, save that message as EML. This is particularly useful for competitor emails, past campaigns, and inspiration where you don't control the Klaviyo account.

No campaign access required.

The EML route lets you work from the email that was actually delivered, rather than needing access to the Klaviyo template or account that sent it.

Why marketers might use Klaviyo → Figma

Figma is useful for collaborative review, visual iteration, documentation, and design-system work. Bringing an existing Klaviyo campaign into Figma can make it easier to redesign a flow email, compare multiple variants, document reusable modules, or hand off visual changes to a designer.

Related guides

Bring Klaviyo campaigns into Figma.

Use HTML or EML to turn existing campaigns into editable Figma designs.

Get Email to Figma ↗