Help Center
How can we help? πŸ‘‹

Upload your email to SendX

How to push your Figma email design directly into SendX as a template (with optional in-place updates) using the Email Love plugin

The Email Love Figma Plugin pushes your email designs straight into SendX's template library β€” no copy-paste required. Save your SendX Team API Key once, click Export, and the template (with images and SendX-friendly HTML) shows up in your SendX account, ready to use in a campaign or automation. Turn on Enable Updatable Templates and re-exporting the same Figma frame overwrites the existing SendX template in place instead of creating a duplicate.

Prerequisites

Before you begin, make sure you have:

  • 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

  1. Select the email frame you want to export in Figma
  1. Click the Export button in the top right of the plugin
  1. Pick SendX from the export dropdown β€” you can also start typing "sendx" to filter the list

The dropdown is alphabetised, so SendX sits in the S section of the A–Z list of ESPs underneath the HTML, MJML, and Composa options.

Step 2: Connect Your SendX Account

The first time you export to SendX you'll see the API key form. Fill in:

  1. Team API Key β€” paste from your SendX account (find it here)
  1. API Key Name β€” a friendly name for these credentials (e.g. "Marketing β€” Production"). You can save multiple SendX keys and switch between them.
  1. Click Set API Key

Your Team API Key is encrypted and stored in the plugin so you only have to enter it once per connection. To swap to a different SendX account later, click Change API key in the same panel.

Step 3: Export Your Email

  1. With SendX selected and your credentials loaded, click Export
  1. The plugin sends your HTML to the Email Love backend, which calls SendX's REST API to create the template
  1. On success you get a Successfully exported! toast β€” your template is now live in SendX

The template's name in SendX 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 4 (Optional): Enable Updatable Templates

Once you've saved a SendX API key, an Enable Updatable Templates toggle appears below the credentials. With it on, re-exporting the same Figma frame overwrites the existing SendX template in place instead of creating a duplicate.

How it works:

  1. The first export creates a new template and stores the returned SendX template ID on the Figma frame's plugin data
  1. With Enable Updatable Templates on, subsequent exports of the same frame call PUT /api/v1/rest/template/email/{id} to overwrite just that template β€” keeping the same template ID intact
  1. If the update fails (for example, the template was deleted in SendX), the plugin automatically falls back to creating a new template
  1. On a successful update you'll see a Successfully updated! toast instead of Successfully exported!

Leave the toggle off to always create a new template. Note that the template ID is tied to the Figma frame, so duplicating a frame, renaming it, or opening from a fresh session may cause the plugin to treat it as a brand new template.

Step 5: Use Your Template in SendX

  1. Log into SendX and open the account you exported to
  1. Navigate to Templates
  1. Find the template you just exported (it'll be at the top of the list, named after your Figma frame)
  1. Use it in any campaign or automation like you would any other SendX template

Editing Your Template in SendX

You can edit the template HTML directly in SendX's editor, but for ongoing changes we recommend editing in Figma and re-exporting with Enable Updatable Templates on, so your Figma file stays the single source of truth and the template ID in SendX stays stable.

What the Plugin Does for You

  • Pushes the template to SendX via the REST API using the saved Team API Key
  • Hosts your images so they render correctly when SendX sends the email
  • Handles unsubscribe links β€” the Email Love Footer's unsubscribe link is preserved so it works with SendX's send infrastructure
  • Generates responsive, deliverable HTML that renders consistently across major email clients
  • Stores credentials per key β€” switch between multiple SendX accounts from the same Figma file via the API Key Name dropdown
  • In-place updates (optional) β€” with Updatable Templates on, re-exports keep the same SendX template ID instead of creating duplicates

Troubleshooting

Authentication errors / 401: Double-check the Team API Key is copied correctly from your SendX account (finding the Team API Key). Make sure you're using the Team API key specifically, not a personal/user-level token. Re-open Change API key to update it.

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

"Enable Updatable Templates" created a new template anyway: The toggle only updates a template the plugin previously created from this exact Figma frame. If you duplicated the frame, renamed it, or it's a brand new frame, the plugin will create a new template instead. The plugin also falls back to creating a new template if the original was deleted in SendX.

Unsubscribe link not working: Make sure your design includes an Email Love Footer with an Unsubscribe link. Without one, the plugin can't wire up the unsubscribe handling for SendX.

Template shows up but content looks broken: Re-export rather than editing the HTML directly in SendX. For ongoing changes, treat Figma as the source of truth and use Enable Updatable Templates to push updates.

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
Did this answer your question?
😞
😐
🀩