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.
Prerequisites
Before you begin, make sure you have:
- An active Stripo account with at least one project
- A Stripo project JWT — see Stripo's API authentication docs. 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)
Step 1: Open the Export Panel
- Select the email frame you want to export in Figma
- Click the Export button in the top right of the plugin
- 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 Composa options.
Step 2: Connect Your Stripo Project
The first time you export to Stripo you'll see the credentials form. Fill in:
- Stripo JWT — paste the project JWT you generated in Stripo (this is the full encoded JWT string, not a plain API key)
- API Key Name — a friendly name for this credential (e.g. "Marketing — Production"). You can save multiple Stripo projects and switch between them.
- 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 3: Export Your Email
- With Stripo selected and your credentials loaded, click Export
- 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
- 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.
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.
Step 4: Use Your Template in Stripo
- Log into Stripo and open the project you exported to
- Navigate to Templates (or Drafts, depending on your Stripo plan)
- Find the template you just exported (it'll be the most recent one, named after your Figma frame)
- 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.
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 or reach out to our support team at hello@emaillove.com for assistance.
Related Articles
- Export Overview — Understand all export options and how the plugin converts your Figma design to HTML
- Image Hosting — How the plugin handles image hosting during export
Powered by