The Email Love Figma Plugin pushes your email designs straight into Brevo (formerly Sendinblue) as email templates — no copy-paste required. Save your Brevo API key once, click Export, and the template (with hosted images and email-client-ready HTML) shows up in your Brevo account, ready to use in a campaign or automation. Turn on Enable Updatable Templates and re-exporting the same Figma frame overwrites the existing Brevo template in place instead of creating a duplicate.
Prerequisites
Before you begin, make sure you have:
- An active Brevo account
- A Brevo API key (v3) — see Step 2 below
- A verified sender and authenticated sending domain in Brevo (required before you can send)
- 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 Brevo from the export dropdown — you can also start typing "brevo" to filter the list
Step 2: Connect Your Brevo Account
The first time you export to Brevo you'll see the API key form. You'll need an API key from Brevo first:
- In Brevo, click your account name in the top-right corner and choose SMTP & API
- Open the API Keys tab and click Generate a new API key
- Give it a name (e.g. "Email Love Plugin") and copy the key — Brevo only shows it once
Then, back in the plugin, fill in:
- API Key — paste the key you just created in Brevo
- API Key Name — a friendly name for these credentials (e.g. "Marketing — Production"). You can save multiple Brevo keys and switch between them.
- Click Set API Key
Your API key is encrypted and stored in the plugin so you only have to enter it once per connection. To swap to a different Brevo account later, click Change API key in the same panel.
Step 3: Export Your Email
- With Brevo selected and your credentials loaded, click Export
- The plugin sends your HTML to the Email Love backend, which calls Brevo's API to create an email template
- On success you get a Successfully exported! toast — your template is now in Brevo
The template's name in Brevo 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 Brevo API key, an Enable Updatable Templates toggle appears below the credentials. With it on, re-exporting the same Figma frame overwrites the existing Brevo template in place instead of creating a duplicate.
How it works:
- The first export creates a new template and stores the returned Brevo template ID on the Figma frame's plugin data
- With Enable Updatable Templates on, subsequent exports of the same frame update that same template — keeping the template ID intact
- If the update fails (for example, the template was deleted in Brevo), the plugin automatically falls back to creating a new template
- 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 or opening from a fresh session may cause the plugin to treat it as a brand new template.
Step 5: Use Your Template in Brevo
- Log into Brevo and open the account you exported to
- Navigate to Campaigns → Templates
- Find the template you just exported (named after your Figma frame) and open it to confirm it looks right
- Use it in a new campaign or reference it from a Brevo automation
Editing Your Template in Brevo
You can edit the template HTML directly in Brevo, 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 Brevo stays stable.
What the Plugin Does for You
- Pushes the template to Brevo via the API using your saved API key
- Hosts your images so they render correctly when Brevo sends the email
- Handles unsubscribe links — the Email Love Footer's unsubscribe link is preserved so it works with Brevo's send infrastructure
- Generates responsive, deliverable HTML that renders consistently across major email clients
- Stores credentials per key — switch between multiple Brevo 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 Brevo template ID instead of creating duplicates
Troubleshooting
Authentication errors / 401: Double-check the API Key is copied correctly — Brevo only displays it once at creation, so if in doubt, generate a fresh key under SMTP & API → API Keys. Re-open Change API key to update it.
Wrong account / template went somewhere unexpected: Each Brevo API key is scoped to one Brevo account. If you have multiple accounts, make sure you saved the right key under a clear connection name 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 or it's brand new, the plugin will create a new template instead. The plugin also falls back to creating a new template if the original was deleted in Brevo.
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 Brevo.
Template exported but won't send: Brevo blocks sending until you have a verified sender and an authenticated sending domain. Confirm these under Senders, Domains & Dedicated IPs in your Brevo settings.
Need help? Join our Discord community or reach out to our support team at support@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