The Email Love Figma Plugin pushes your email designs straight into ActiveCampaign's template library — no copy-paste required. Save your ActiveCampaign API URL and API Key once, click Export, and the template (with images and ActiveCampaign-friendly HTML) shows up in your account, ready to use in a campaign or automation. Turn on Enable Updatable Templates and re-exporting the same Figma frame overwrites the existing ActiveCampaign template in place instead of creating a duplicate.
Prerequisites
Before you begin, make sure you have:
- An active ActiveCampaign account
- Your API URL and API Key from ActiveCampaign — see Getting started with the API. Both live in ActiveCampaign under Settings → Developer.
- 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 ActiveCampaign from the export dropdown — you can also start typing "active" to filter the list
The dropdown is alphabetised, so ActiveCampaign sits at the top of the A–Z list of ESPs underneath the HTML, MJML, and Composa options.
Step 2: Connect Your ActiveCampaign Account
The first time you export to ActiveCampaign you'll see the credentials form. Fill in:
- API URL — your account-specific URL in the format
https://<account>.api-us<N>.com(for examplehttps://acme.api-us1.com). The plugin validates the format and normalises any trailing slash.
- API Key — from the same Settings → Developer page
- API Key Name — a friendly name for these credentials (e.g. "Marketing — Production"). You can save multiple ActiveCampaign accounts and switch between them.
- Click Set API Key
ActiveCampaign authenticates with the API Key in an Api-Token header against your account-specific API URL, so both fields are required — either alone won't work. Both values are encrypted and stored in the plugin so you only have to enter them once per connection. To swap to a different ActiveCampaign account later, click Change API key in the same panel.
Step 3: Export Your Email
- With ActiveCampaign selected and your credentials loaded, click Export
- The plugin sends your HTML to the Email Love backend, which calls the ActiveCampaign v1 API to create the template using your encrypted API URL and API Key
- On success you get a Successfully exported! toast — your template is now live in ActiveCampaign
The template's name in ActiveCampaign 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 an ActiveCampaign credential, an Enable Updatable Templates toggle appears below the credentials. With it on, re-exporting the same Figma frame overwrites the existing ActiveCampaign template in place instead of creating a duplicate.
How it works:
- The first export creates a new template and stores the returned ActiveCampaign template ID on the Figma frame's plugin data
- With Enable Updatable Templates on, subsequent exports of the same frame call the ActiveCampaign API to update that template by ID — keeping the same template ID and any campaign references intact
- If the update fails (for example, the template was deleted in ActiveCampaign), 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, 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 ActiveCampaign
- Log into ActiveCampaign and open the account you exported to
- Navigate to Campaigns → Manage templates (or Email templates depending on your plan)
- Find the template you just exported (it'll be at the top of the list, named after your Figma frame)
- Use it in any campaign or automation like you would any other ActiveCampaign template
Editing Your Template in ActiveCampaign
You can edit the template HTML directly in ActiveCampaign'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 ActiveCampaign stays stable.
What the Plugin Does for You
- Pushes the template to ActiveCampaign via the v1 API using your saved API URL + API Key
- Hosts your images so they render correctly when ActiveCampaign sends the email
- Handles unsubscribe links — the Email Love Footer's unsubscribe link is preserved so it works with ActiveCampaign's send infrastructure
- Generates responsive, deliverable HTML that renders consistently across major email clients
- Stores credentials per account — switch between multiple ActiveCampaign accounts from the same Figma file via the API Key Name dropdown
- Encrypts both fields — API URL and API Key are AES-encrypted in the plugin's local storage
- In-place updates (optional) — with Updatable Templates on, re-exports keep the same ActiveCampaign template ID instead of creating duplicates
Troubleshooting
Authentication errors / 401: ActiveCampaign requires both the account-specific API URL and the API Key. Open Change API key, re-paste both from Settings → Developer in ActiveCampaign, and make sure they're from the same account. A key from one account won't authenticate against another account's URL.
"Invalid API URL" format error: Your API URL must match https://<account>.api-us<N>.com (for example https://acme.api-us1.com). Don't paste the marketing site URL (activecampaign.com) or your login URL — it has to be the developer API URL from Settings → Developer.
Wrong account / template went somewhere unexpected: Each ActiveCampaign API Key + URL pair is scoped to one ActiveCampaign account. If you have multiple accounts (e.g. Production, Staging) make sure you saved the right pair 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 ActiveCampaign.
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 ActiveCampaign.
Template shows up but content looks broken: Re-export rather than editing the HTML directly in ActiveCampaign. 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
Powered by