> ## Documentation Index
> Fetch the complete documentation index at: https://help.emaillove.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Export Figma emails to Stripo

> Export email designs from Figma into Stripo as email templates with the Email Love plugin.

The Email Love Figma Plugin pushes your email designs straight into Stripo as templates. No copy-paste required. Save your Stripo project JWT once, click Export, and the template (with images and Stripo-friendly HTML) shows up in your Stripo project, ready to edit or send.

[Download the Email Love Figma Plugin here](https://www.figma.com/community/plugin/1387891288648822744/email-love-html-email-builder)

## Prerequisites

Before you begin, make sure you have:

* An active [Stripo](https://stripo.email/) account with at least one project
* A **Stripo project JWT**. See [Stripo's API authentication docs](https://api.stripo.email/docs/authentication). The JWT is generated per project under the Stripo project settings.
* The Email Love Figma plugin installed
* At least one email designed in Figma using the plugin
* An Email Love Footer with an Unsubscribe link in your design (required for export)

<Steps>
  <Step title="Open the Export Panel">
    1. Select the email frame you want to export in Figma
    2. Click the **Export** button in the top right of the plugin
    3. Pick **Stripo** from the export dropdown. You can also start typing "stripo" to filter the list.

    The dropdown is alphabetised, so Stripo sits in the S section of the A–Z list of ESPs underneath the HTML, MJML, and Email Love Builder options.
  </Step>

  <Step title="Connect Your Stripo Project">
    The first time you export to Stripo you'll see the credentials form. Fill in:

    1. **Stripo JWT**: paste the project JWT you generated in Stripo (this is the full encoded JWT string, not a plain API key)
    2. **API Key Name**: a friendly name for this credential (e.g. "Marketing, Production"). You can save multiple Stripo projects and switch between them.
    3. Click **Set API Key**

    Your JWT is encrypted and stored in the plugin so you only have to enter it once per connection. Each JWT is scoped to a single Stripo project, so if you work in multiple projects, save a separate connection for each. To swap to a different Stripo project later, click **Change API key** in the same panel.
  </Step>

  <Step title="Export Your Email">
    1. With Stripo selected and your credentials loaded, click **Export**
    2. The plugin sends your design (as MJML/HTML) to the Email Love backend, which calls the Stripo API to create a new template in your project
    3. On success you get a **Successfully exported!** toast. Your template is now live in Stripo.

    The template's name in Stripo is taken from your Figma frame name, so rename the frame before exporting if you want it to show up with a specific title.
  </Step>

  <Step title="Use Your Template in Stripo">
    1. Log into [Stripo](https://stripo.email/) and open the project you exported to
    2. Navigate to **Templates** (or **Drafts**, depending on your Stripo plan)
    3. Find the template you just exported (it'll be the most recent one, named after your Figma frame)
    4. Edit it in Stripo's drag-and-drop editor if you want, or export the HTML directly to your ESP of choice

    New templates land in your Stripo project's **root folder**. The plugin doesn't yet expose a folder picker, so move templates into folders manually in Stripo if you organise that way.
  </Step>
</Steps>

## Heads up: every export creates a new Stripo template

Unlike most of the other ESP integrations, Stripo doesn't expose an in-place update API. Its REST API supports only **create-from-MJML** and **delete**. That means:

* There's **no Enable Updatable Templates toggle** for Stripo
* Every time you click Export, the plugin creates a **brand new template** in your Stripo project
* If you re-export the same Figma frame, you'll see two (or more) templates in Stripo, one per export

If you want to keep the latest version only, delete the older template in Stripo after each re-export. For most workflows we recommend treating Figma as the source of truth and only re-exporting when you're ready to publish a new version.

## What the Plugin Does for You

* **Pushes the template to Stripo** via the Stripo API using the saved JWT
* **Hosts your images** so they render correctly when Stripo previews or exports the email
* **Handles unsubscribe links**: the Email Love Footer's unsubscribe link is preserved so it works with the downstream ESP you eventually send through
* **Generates responsive, deliverable HTML** that renders consistently across major email clients
* **Stores credentials per project**: switch between multiple Stripo projects from the same Figma file via the **API Key Name** dropdown

## Troubleshooting

**Authentication errors / 401:** The Stripo credential is a **project JWT**, not a plain API key. Make sure you're pasting the full JWT string (long, three dot-separated segments) and that it belongs to the Stripo project you want templates to land in. Open **Change API key** to re-paste.

**Wrong project / template went somewhere unexpected:** Each Stripo JWT is scoped to one Stripo project. If you have multiple projects (e.g. Production, Staging) make sure you saved the right JWT under a clear connection name. Add a new connection if needed and switch between them via the **API Key Name** dropdown.

**Duplicate templates piling up in Stripo:** That's expected. Stripo's API doesn't support in-place updates, so every export creates a new template. Delete older versions in Stripo manually if you want to keep things tidy, or only re-export when you're ready to publish a new version.

**Template lands in the wrong folder:** Stripo templates always land in the root folder of your project. The plugin doesn't have a folder picker yet, so move the template into a folder manually in Stripo after export.

**Unsubscribe link not working:** Make sure your design includes an Email Love Footer with an Unsubscribe link. Without one, the plugin has nothing to wire up for the downstream ESP to swap in.

**Template shows up but content looks broken:** Re-export rather than editing the HTML directly in Stripo. For ongoing changes, treat Figma as the source of truth.

**Need help?** Join our [Discord community](https://discord.com/invite/ANv9PjVdzP) or reach out to our support team at [hello@emaillove.com](mailto:hello@emaillove.com) for assistance.

## Related Articles

* [Export Overview](/plugin/export/overview): Understand all export options and how the plugin converts your Figma design to HTML
* [Image Hosting](/plugin/images/hosting): How the plugin handles image hosting during export