The Email Love Figma Plugin pushes your email designs straight into MailerLite — no copy-paste required. Save your MailerLite API token once, click Export, and your design (with hosted images and email-client-ready HTML) shows up in your MailerLite account, ready to use in a campaign. Turn on Enable Updatable Templates and re-exporting the same Figma frame updates the existing MailerLite campaign in place instead of creating a duplicate.
Two MailerLite versions. This guide covers the current MailerLite. If your account is on the legacy platform at classic.mailerlite.com, follow Upload your email to MailerLite Classic instead — the API token comes from a different place.
Prerequisites
Before you begin, make sure you have:
- An active MailerLite account (the current version, not Classic)
- A MailerLite API token — see Step 2 below
- A verified sending domain in MailerLite (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 MailerLite from the export dropdown — you can also start typing "mailerlite" to filter the list
Step 2: Connect Your MailerLite Account
The first time you export to MailerLite you'll see the API token form. You'll need a token from MailerLite first:
- In MailerLite, go to Integrations (find it under your profile menu, or at Integrations → API)
- Click Generate new token, give it a name (e.g. "Email Love Plugin"), and copy it — MailerLite only shows it once
Then, back in the plugin, fill in:
- API Key — paste the MailerLite token you just created
- API Key Name — a friendly name for these credentials (e.g. "Marketing — Production"). You can save multiple MailerLite tokens and switch between them.
- Click Set API Key
Your token is encrypted and stored in the plugin so you only have to enter it once per connection. To swap to a different MailerLite account later, click Change API key in the same panel.
Step 3: Export Your Email
- With MailerLite selected and your credentials loaded, click Export
- The plugin sends your HTML to the Email Love backend, which calls MailerLite's API to create your email
- On success you get a Successfully exported! toast — your email is now in MailerLite
The name in MailerLite is taken from your Figma frame name, so rename the frame before exporting if you want a specific title.
Step 4 (Optional): Enable Updatable Templates
Once you've saved a MailerLite token, an Enable Updatable Templates toggle appears below the credentials. With it on, re-exporting the same Figma frame updates the existing MailerLite campaign in place instead of creating a duplicate.
How it works:
- The first export creates a new draft and stores the returned MailerLite campaign ID on the Figma frame's plugin data
- With Enable Updatable Templates on, subsequent exports of the same frame update that same campaign — keeping the ID intact
- If the update fails (for example, the campaign was deleted or already sent in MailerLite), the plugin automatically falls back to creating a new one
- On a successful update you'll see a Successfully updated! toast instead of Successfully exported!
Note: MailerLite only lets you update campaigns that are still in draft status. Once a campaign has been sent or scheduled, re-exporting will create a new draft instead.
Leave the toggle off to always create a new draft. The 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 brand new.
Step 5: Use Your Email in MailerLite
- Log into MailerLite and open the account you exported to
- Go to Campaigns and open the Drafts tab
- Find the draft you just exported (named after your Figma frame), confirm it looks right, then add your subject line, recipients, and send settings
Editing Your Email in MailerLite
You can edit the HTML directly in MailerLite, 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.
What the Plugin Does for You
- Pushes your design to MailerLite via the API using your saved token
- Hosts your images so they render correctly when MailerLite sends the email
- Handles unsubscribe links — the Email Love Footer's unsubscribe link is preserved
- Generates responsive, deliverable HTML that renders consistently across major email clients
- Stores credentials per key — switch between multiple MailerLite accounts via the API Key Name dropdown
- In-place updates (optional) — with Updatable Templates on, re-exports keep the same MailerLite campaign ID instead of creating duplicates
Troubleshooting
Authentication errors / 401: Double-check the token is copied correctly and was generated in the current MailerLite (not Classic). Generate a fresh token under Integrations → API if in doubt, then re-open Change API key.
Using a Classic account by mistake: If your account lives at classic.mailerlite.com, the current MailerLite token won't work — use the MailerLite Classic export option and its developer API key instead.
"Enable Updatable Templates" created a new draft anyway: The toggle only updates a campaign the plugin previously created from this exact Figma frame, and only while that campaign is still a draft. Sent or scheduled campaigns can't be updated, and duplicated or brand-new frames create a new draft.
Unsubscribe link not working: Make sure your design includes an Email Love Footer with an Unsubscribe link.
Email exported but won't send: MailerLite blocks sending until your sending domain is verified. Confirm this in your MailerLite settings.
Need help? Join our Discord community or reach out to our support team at support@emaillove.com.
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