The Email Love Figma Plugin connects directly to Iterable, letting you export professionally designed emails from Figma straight into Iterable Templates. Stop re-building your Figma designs in HTML or in a drag-and-drop-builder and cut your email production time in half.
Exporting your email to Iterable
The Export feature in the Email Love Figma plugin allows you to easily convert your email design into email-friendly HTML or MJML, or directly export it to Iterable.
Follow these steps to export your email design.
- Ensure that your email design is finalized and ready for export, then click on the frame you want to export to ensure it is selected. Please note, you will need to use an Email Love Footer with an Unsubscribe link for the export to work. We will automatically merge in the Iterable Unsubscribe token.
- Click the Export button located in the top right corner of the Plugin interface.
- On the Export page, select “Iterable” from the dropdown menu.
- If you have not added your Iterable API key, click “Change API Key.”
- Login to your Iterable Account and navigate to Integrations > API Keys
- Click the “New API Key” button.
- Give your API key a name and select “Server Side.” Click “Create API Key.”
- Copy and paste your API key into the “Iterable API Key” box in the Email Love Figma Plugin.
- Give your API key a name
- Select which region your API key uses (US or EU)
- Click the “Set API Key” button.
- Click the “Export to Iterable” button at the top of the plugin.
- Navigate back to Content > Templates in Iterable to find your email.
Edit your email inside of Iterable
Once you have exported your email, you can navigate to Content > Templates inside of Iterable where you can then send it to your recipients or edit the content with Iterable’s built in editor or directly in the HTML.
Powered by