Two MailerLite versions. The plugin supports both, as separate export options with different API keys that are not interchangeable:
- Current MailerLite logs in at dashboard.mailerlite.com and its token lives under Integrations → API. This is the main flow below.
- MailerLite Classic (legacy) logs in at classic.mailerlite.com and its developer API key lives under Integrations → Developer API. See Exporting to MailerLite Classic below.
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)
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.
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.
- 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
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.
(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: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.
- 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!
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.
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
Exporting to MailerLite Classic
On the legacy platform? The flow is the same as above with three differences:- Pick “MailerLite Classic” from the export dropdown instead of “MailerLite”. Typing “mailerlite” filters the list; choose the Classic entry.
- Use the Classic developer API key. In MailerLite Classic, go to Integrations → Developer API on classic.mailerlite.com and copy the key there (generate one if your account doesn’t have one yet). A token from the current MailerLite will be rejected, and vice versa.
- Find your drafts at Classic. Exported emails land in Campaigns on classic.mailerlite.com, named after your Figma frame.
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

