Export Figma email designs to Stripo with Email Love and Emailify

Many email teams use Figma to design and approve email layouts before moving them into an email editor for production. Until recently, that often meant rebuilding the approved design before it could be edited, tested, and exported to an email service provider (ESP).

Email Love and Emailify now support exporting email designs directly to Stripo through a Stripo API key. Once imported, you can continue editing the email in Stripo, reuse modules, review HTML, test the design, and export it to your ESP. Both plugins are available as freemium tools, so free export limits may apply.

Why Figma-to-Stripo export matters for email teams

For many companies, email production involves two different teams. Designers create layouts in Figma, while marketers and email developers prepare the final email for sending. These two stages often use different tools, which can slow the process.

Without a direct transfer, approved Figma designs often have to be recreated inside an email editor. Besides taking extra time, this manual work increases the chance of small differences between the approved design and the final email.

The new integration helps remove that extra step. Once the email is exported from Email Love or Emailify, it becomes available inside Stripo, where the production work continues.

Instead of rebuilding the layout, your team can focus on tasks such as:

• editing email content and styles;
• updating reusable modules;
• reviewing and editing HTML when needed;
• testing responsive behavior before sending;
• exporting the finished email to your ESP or downloading the required code.

This makes Figma and Stripo complementary tools rather than alternatives. Figma remains the place where email layouts are designed and reviewed. Stripo becomes the workspace where those designs are prepared for real email campaigns, stored as reusable templates, tested across devices, and exported for delivery.

What Email Love and Emailify add to the workflow

Email Love and Emailify are third-party Figma plugins that now support direct export to Stripo. Instead of downloading files and importing them manually, you can send your email design to your Stripo project through the Stripo REST API.

The connection takes only a few steps. After selecting Stripo as the export destination, enter your Stripo API key, choose the destination, and start the export. Depending on the plugin and the selected export option, the imported design will appear in Stripo as either an email message or a template, ready for further editing.

This makes it easier to move from design approval in Figma to email production in Stripo, where your team can continue editing the content, update reusable modules, review HTML, run tests, and export the finished email to an ESP.

Both Email Love and Emailify are available as freemium plugins. Free plans include export limits, which may change over time. Before using either plugin for production work, check its current pricing and usage limits.

Before you start

Before exporting your design to Stripo, make sure you have the following:

• a Figma account;
• Email Love or Emailify installed in Figma;
• a Stripo account;
• access to the Stripo project where the email or template will be imported;
• permission to generate a REST API key for that project;
• an email design created with, or supported by, the selected plugin.

Note: Some Figma email plugins do not convert arbitrary Figma frames built outside the plugin. If your email was designed manually with standard Figma layers, you may need to recreate it using the plugin’s email components before exporting to Stripo.

How to get the Stripo API key

Before you can export an email from Figma to Stripo, you need to connect the plugin to your Stripo project. This connection uses a project-specific REST API key that authorizes the plugin to create email messages or templates in your workspace.

Getting the key takes less than a minute:

1. Open your Stripo account.
2. Select the project where you want to import your email.
3. Click Settings.
4. Open the Workspace tab.
5. Select REST API.
6. Click Generate.
7. Copy the generated API Access Key.

Keep in mind that each API key belongs to a specific Stripo project. If you work with multiple projects, generate and use the key for the correct one.

Treat the API Access Key like a password. Do not publish it, share it outside your team, or include it in public repositories. If you suspect exposure, revoke it from the REST API page and generate a new one before continuing.

How to export from Email Love to Stripo

Once your Stripo API key is ready, you can connect Email Love to your Stripo project and export your email directly from Figma:

1. Open your email design in Figma.
2. Launch the Email Love plugin.
3. Create a new email or select an existing email frame supported by the plugin.
4. Click Export.

On the export screen, select Stripo as the destination.

If this is your first export, you’ll need to connect the plugin to your Stripo project:

1. Click Change API key.
2. Paste your Stripo API Key (JWT) into the Stripo API Key (JWT) field.
3. Enter a name for the key — for example, My Stripo. This name is stored only inside the plugin to help you identify the connection if you use multiple Stripo projects.
4. Click Set API Key.

After the connection is saved, click Export to Stripo.

The plugin uploads your email directly to the selected Stripo project. Depending on the export option, the design will appear in Email Messages or Templates, where you can continue editing, testing, and preparing it for export to your ESP.

Note: The Stripo API Key (JWT) field expects the API Access Key that you generated in your Stripo project’s REST API settings. The Stripo API Key Name field is only a local label inside the Email Love plugin and does not affect the connection.

How to export from Emailify to Stripo

Emailify follows a slightly different export flow, but the connection to Stripo uses the same REST API key that you generated earlier:

1. Open your email in Figma.
2. Launch the Emailify plugin.
3. Open an existing email or create a new one using Emailify components.

When your email is ready, click Export HTML.

Open the export destination menu and select Stripo (API).

If prompted, paste the Stripo API Access Key that you generated in your Stripo project’s REST API settings, and continue with the export.

After the upload is complete, open your Stripo project and verify that the imported email or template is available. From there, you can continue editing the design, review the generated HTML, update modules, test the email, and export it to your email service provider.

Emailify also includes a Stripo (Zip) option in the export menu. This option generates a ZIP package that can be imported into Stripo manually. If your goal is to send the design directly to your Stripo project, choose Stripo (API) instead.

Tip: If you work with several Stripo projects, double-check that the correct API key is connected before exporting. The imported email will be created in the project associated with that key.

Where the exported design appears in Stripo

After the export is complete, open your Stripo project to confirm that the import was successful.

Depending on the plugin and the selected export option, your design will appear in one of these sections:

• Email Messages, if the plugin exports the design as an email message;
• Templates, if the plugin exports it as a reusable email template.

Even if the export finishes successfully, take a few minutes to review the imported design before using it in a campaign. This helps you catch small issues that may appear during the conversion from a design file to an editable email.

What to check after import

A successful import does not mean the email is ready to send. Before launching your campaign, review the imported design inside Stripo to confirm that everything was transferred correctly and works as expected.

Go through this checklist before exporting the email to your ESP:

• verify that all images are displayed correctly and that no assets are missing;
• confirm that image URLs point to the correct hosted files;
• preview the email on desktop and mobile devices;
• test all buttons and image links;
• review the preheader text;
• replace any placeholder content that remained from the original design;
• check that fallback fonts display correctly if custom fonts are unavailable;
• preview the email in dark mode, if your design supports it;
• send a test email from Stripo and review it in your preferred email clients.

Spending a few extra minutes on these checks helps prevent rendering issues, broken links, and formatting problems that are much harder to fix after a campaign has been sent.

When this workflow is useful

Moving designs directly from Figma to Stripo is most helpful when your design and production processes are handled in separate tools.

This workflow works well for:

• design teams that create email concepts in Figma before production;
• agencies that receive approved Figma email designs from clients;
• marketing teams that want to move approved layouts into Stripo without rebuilding them;
• teams that store Figma-based emails as reusable Stripo templates;
• teams that continue editing, testing, and exporting emails from Stripo before sending them through an ESP.

Instead of recreating approved designs, teams can spend more time reviewing content, making campaign updates, and preparing emails for delivery.

Limitations to keep in mind

As third-party Figma plugins, the features, pricing, and interfaces of Email Love and Emailify may change over time. Check the current documentation if you notice differences from the steps shown in this guide.

Keep these points in mind before using the workflow:

• free plans may limit the number of exports or available features;
• the imported result depends on how the email was built in Figma;
• layouts created with standard Figma elements may require additional adjustments after import;
• not every custom Figma design becomes a fully editable Stripo structure automatically;
• every imported email should go through a final review in Stripo before it is exported to your ESP.

This workflow reduces manual work between design and production, but it does not replace the final quality assurance process before sending an email campaign.

Tips for a cleaner Figma-to-Stripo export

A little preparation in Figma can make the import smoother and reduce the amount of editing needed afterward. If you're building emails regularly, these practices are worth following:

• build your email with the plugin's email components instead of standard Figma layers;
• keep the email width between 600 and 640 px, which matches the standard width used by most email clients;
• avoid overlapping elements and complex layouts that may not translate well into email HTML;
• use web-safe fonts or fonts that are properly hosted and supported by your email workflow;
• optimize and prepare images before exporting the design;
• give frames clear names so imported emails and templates are easier to identify;
• review all buttons and links before starting the export;
• after importing the email into Stripo, convert frequently used sections into modules so they can be reused in future campaigns.

Following these recommendations helps reduce post-import adjustments and keeps your email production process more consistent.

Wrapping up

Email Love and Emailify make it easier to move email designs from Figma into Stripo. Figma can remain the place where your team designs and approves emails, while Stripo becomes the workspace where those designs turn into editable, testable emails that are ready for production and export.

Connect Email Love or Emailify to your Stripo project and try the workflow with your next email. After the first import, you’ll see how much manual rebuilding can be removed from the path between design approval and sending.