> ## Documentation Index
> Fetch the complete documentation index at: https://help.emaillove.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Export Figma emails to ActiveCampaign
> Export email designs from Figma straight into ActiveCampaign as ready-to-send campaign templates with the Email Love plugin.
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.
[Download the Email Love Figma Plugin here](https://www.figma.com/community/plugin/1387891288648822744/email-love-html-email-builder)
## Prerequisites
Before you begin, make sure you have:
* An active [ActiveCampaign](https://www.activecampaign.com/) account
* Your **API URL** and **API Key** from ActiveCampaign. See [Getting started with the API](https://help.activecampaign.com/hc/en-us/articles/207317590-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)
1. Select the email frame you want to export in Figma
2. Click the **Export** button in the top right of the plugin
3. 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 Email Love Builder options.
The first time you export to ActiveCampaign you'll see the credentials form. Fill in:
1. **API URL**: your account-specific URL in the format `https://.api-us.com` (for example `https://acme.api-us1.com`). The plugin validates the format and normalises any trailing slash.
2. **API Key**: from the same **Settings → Developer** page
3. **API Key Name**: a friendly name for these credentials (e.g. "Marketing, Production"). You can save multiple ActiveCampaign accounts and switch between them.
4. 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.
1. With ActiveCampaign selected and your credentials loaded, click **Export**
2. 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
3. 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.
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:
1. The first export creates a new template and stores the returned ActiveCampaign template ID on the Figma frame's plugin data
2. 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
3. If the update fails (for example, the template was deleted in ActiveCampaign), the plugin automatically falls back to creating a new template
4. 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.
1. Log into [ActiveCampaign](https://www.activecampaign.com/login) and open the account you exported to
2. Navigate to **Campaigns → Manage templates** (or **Email templates** depending on your plan)
3. Find the template you just exported (it'll be at the top of the list, named after your Figma frame)
4. 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://.api-us.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](https://discord.com/invite/ANv9PjVdzP) or reach out to our support team at [hello@emaillove.com](mailto:hello@emaillove.com) for assistance.
## Related Articles
* [Export Overview](/plugin/export/overview): Understand all export options and how the plugin converts your Figma design to HTML
* [Image Hosting](/plugin/images/hosting): How the plugin handles image hosting during export