Skip to main content
The Email Love Figma Plugin converts unsubscribe links into the correct merge tag for your email service provider (ESP) when you export. You use one placeholder URL in Figma, and the plugin inserts the right syntax for each platform.

​
How It Works

The plugin looks for any link in your design that points to https://unsubscribe.com. On export, it replaces that link with the unsubscribe merge tag for your chosen ESP. https://unsubscribe.com is not a real destination. It is a placeholder that the exporter recognizes and replaces. The plugin matches the link, not the text. The link can be on the word “Unsubscribe,” a button, an icon, or unsubscribe wording in any language, such as “Avregistrera,” “Abmelden,” or “Se désabonner.” If it points to https://unsubscribe.com, it is converted on export.

​
Use the Exact URL

The URL must be exactly https://unsubscribe.com. Other variations are not converted:
If the URL does not match exactly, there is no error. The link is left as-is and the email is exported with a normal link to unsubscribe.com, a website we do not own. The most common mistake is adding www..
One exception: if the link text is the English word “unsubscribe,” the plugin recognizes the word and corrects the link on export. For buttons, icons, and other languages, the URL must match exactly.

​
Supported Platforms

This automatic conversion works with all our out-of-the-box integrations, including:
  • Braze
  • Iterable
  • Klaviyo
  • Mailchimp
  • And more
Each platform has its own unsubscribe syntax, and the plugin handles the translation.

​
Step-by-Step Instructions

1

Add your unsubscribe text

Add it in your footer (or anywhere in your email).
2

Highlight your unsubscribe text

The word “Unsubscribe,” its equivalent in any language, or your button or icon.
3

Link it to https://unsubscribe.com

Link the selection to https://unsubscribe.com. Type the full URL, including https://.
4

Export your email

Export and select your ESP integration. The plugin converts the link to your ESP’s unsubscribe merge tag.

​
Example: Exporting with Braze

  1. Select your email frame in Figma
  2. Open the Email Love plugin
  3. Choose Braze from the ESP dropdown
  4. Click Export or Copy Code
  5. The plugin converts https://unsubscribe.com to Braze’s unsubscribe merge tag
The same process works for any of our supported integrations.

​
Best Practices

Placement: You can place the unsubscribe link anywhere in your email, but it is standard practice (and often legally required) to put it in the footer. Visibility: Make the unsubscribe link easy to find and read. Use a reasonable font size and sufficient color contrast. Bring Your Own Tag: If you already know your ESP’s unsubscribe merge tag, you can link directly to it in Figma and the plugin will keep it as-is on export. See Advanced below. You can also paste the merge tag in manually after export.

​
Customization

You can customize:
  • The styling of the unsubscribe text (font, color, size)
  • The placement within your email
  • The surrounding text (e.g., “Click here to unsubscribe”)
The link must point to https://unsubscribe.com (or, if you are using your own tag, your ESP’s unsubscribe merge tag).

​
Advanced: Bring Your Own Merge Tag

In most cases, link to https://unsubscribe.com and let the plugin handle the conversion. If you need a specific merge tag, type your ESP’s unsubscribe tag directly into the link field in Figma. The plugin recognizes the common unsubscribe tags for each ESP and preserves yours exactly on export, instead of replacing it with the default. For example:
  • Iterable: {{hostedUnsubscribeUrl}}
  • Braze: {{${email_unsubscribe_url}}}
…or the documented unsubscribe merge tag for your platform (Klaviyo, Customer.io, Mailchimp, HubSpot, Salesforce Marketing Cloud, and more). Keep in mind:
  • Figma may add https:// in front of your tag. The plugin removes it on export.
  • The tag must match the ESP you are exporting to. A Braze tag will not work on an Iterable export.
  • If you leave the link as https://unsubscribe.com, the plugin inserts the standard merge tag for your ESP.

​
Checking an Export

After a successful export, the code contains your ESP’s unsubscribe merge tag where the link was. For example, a Klaviyo export contains {% unsubscribe_link %} and an Iterable export contains {{unsubscribeUrl}}. The link text is unchanged; only the URL behind it changes. If the export still contains the literal URL, the link was not converted:
This means the link in Figma is not exactly https://unsubscribe.com. The most common cause is a www.. Correct the link in Figma and export again.

​
Need Help?

If you have questions about how unsubscribe links work with the plugin:
  • Join our Discord server and ask in the support channel
  • Contact us via email or Slack (for Enterprise customers)