Help Center
How can we help? πŸ‘‹

Export Overview

All the ways to get your email out of Figma and into the world

You've designed a beautiful email. Now what? The Email Love plugin gives you multiple ways to export your work, from downloading raw code to pushing directly to your email service provider. Here's an overview of every export option.


Export Methods

Download as HTML

Export your email as a standalone HTML file that you can open in a browser, send as a test, or import into any email platform manually. This is the most universal option.

  • When to use: When your ESP doesn't have a direct integration, when you need to share the code with a developer, or when you want to run the HTML through a third-party testing tool.

Download as MJML

Export the raw MJML source code. This is useful if you want to modify the MJML directly before compiling to HTML, or if your development team uses MJML in their workflow.

  • When to use: When you have a developer who wants to customize the code further, or when you're using a custom MJML build pipeline.

Direct ESP Integration

Push your email directly to your email service provider. The plugin connects via API and creates a template or content block in your ESP, ready to use in campaigns.

Currently supported ESPs:

ESP
Export Type
Guide
Klaviyo
Templates via API
Upload your email to Klaviyo
Braze
Templates & content blocks via API
Upload your email to Braze
Iterable
Templates via API
Upload your email to Iterable
Templates via API
Upload your email to Customer.io
HubSpot
Templates via API
Upload your email to HubSpot
Salesforce Marketing Cloud
Content blocks via API
Upload your email to SFMC
Loops
Templates via API
Upload your email to Loops
Netcore
Templates via API
Upload your email to Netcore
MoEngage
Templates via API
Upload your email to MoEngage
Blueshift
HTML export (manual import)
Upload your email to Blueshift

Before You Export

Run Copilot

Always run Copilot before exporting. It catches structural issues, missing alt text, invalid nesting, and other problems that would cause rendering issues. Make it part of your workflow: Scan β†’ Fix β†’ Export.

Preview

Use the Preview tab to check desktop and mobile rendering, font fallbacks, and dark mode appearance. The preview isn't pixel-perfect but catches major issues.

Select Your Frame

Make sure you have the email frame selected (the top-level frame, not a component inside it). The plugin exports the entire selected frame.


Image Hosting

When you export, the plugin automatically uploads your images to the Email Love CDN and inserts the hosted URLs into your HTML. You don't need to host images separately. See the Image Hosting article for details on how this works and how to manage your hosted images.


After Export

Once your email is exported or uploaded to your ESP:

  1. Send a test email to yourself and your team
  1. Test across email clients using Litmus, Email on Acid, or InboxMonster
  1. Check links, merge tags, and dynamic content
  1. Verify images load correctly
  1. Test on both desktop and mobile
Did this answer your question?
😞
😐
🀩