Use Emailify, a Figma plugin by Hypermatic, to design responsive emails and add them to your Omnisend emails.
💡 Looking for Omnisend’s native Figma integration? Learn how to Integrate Figma with Omnisend.
How It Works
Emailify is a Figma plugin that turns your Figma design into production-ready, responsive HTML email code. It includes an Omnisend export preset that generates HTML formatted for Omnisend's custom HTML campaigns.
The flow has two stages:
Design and export in Figma. Build the email using Emailify's components, select Omnisend in the export panel, and export the HTML.
Import into Omnisend. Paste the exported HTML into a campaign using Omnisend's Custom HTML feature.
This is a manual export-and-paste integration. Emailify does not upload templates to Omnisend automatically, so there is no API connection, no authentication step, and no data sent between the two platforms.
Before You Begin
Make sure that:
You have a Figma account with permission to run plugins.
The Emailify plugin is installed in Figma.
You have an Omnisend account with access to email campaigns.
Your email images are hosted at public URLs, or you are ready to host them.
This integration involves three platforms. Here's what each one requires:
Platform | Requirement |
Figma | Any plan, including Free. You need a seat with full Design access, because view-only seats cannot run plugins. |
Emailify | Free version works for basic exports. The plugin includes 10 free Pro uses, after which some export options require a Pro license. |
Omnisend | Any plan, including Free. Custom HTML campaigns are available on all plans. |
⚠️ Emailify only works with emails built inside the plugin. You cannot convert an existing Figma design that was not created with Emailify components.
Setup Process
Step 1. In Omnisend, go to Apps → search for the Emailify app and click Connect now.
Step 2. Install Emailify in Figma:
Open a Figma design file.
Go to Tools → Plugins → Emailify.
The plugin panel opens over your canvas.
Step 3. Build your email. In the plugin panel, open the New Email section.
Choose Blank Template, or pick a starting point from Layouts or Figma Templates.
Step 4. Export the HTML for Omnisend:
Select Export HTML in the plugin header.
In the export panel, open the export type dropdown.
Under the platform integrations list, select Omnisend.
Select Export For Omnisend.
Emailify generates the HTML, and you can download it to your computer.
Step 5. Host your images
The export includes your images as local files. Email clients cannot display local images, so each image needs a public URL before you import the HTML.
You have two options:
Use Emailify's image hosting. Enable the hosted image option in the export settings so the exported HTML points to public URLs.
Host the images yourself. Upload them to your own CDN or file storage, then replace each
srcvalue in the HTML with the hosted URL.
💡 Check the image URLs in the exported HTML before importing. If any src still points to a local file path, the image will not load in the delivered email.
Step 6. Import the HTML into Omnisend.
Refer to Add & configure Custom HTML item for details on Omnisend's custom HTML requirements.
Step 6. Add personalization and required links.
Emailify generates static HTML. Anything Omnisend-specific is added after the import:
Personalization tags. Insert Omnisend tags such as
[[ contact.firstName ]]directly in the HTML where you want dynamic values.Unsubscribe link. Every campaign requires an unsubscribe link. Add Omnisend's unsubscribe URL to your footer if the design does not already include one.
View in browser link. Emailify's preheader components include a "view in browser" placeholder. Replace the placeholder with Omnisend's link.
Verify the Integration
Send a test email before scheduling the campaign.
Open the imported campaign in Omnisend.
Send a test email to your own address.
Confirm that all images load.
Confirm that the layout renders correctly on both desktop and mobile.
Check the email in more than one client, such as Gmail and Outlook.
Confirm that the unsubscribe link works.
Confirm that any personalization tags resolve.
💡 The Omnisend preview and a delivered test email can produce different results. Use a delivered test email as your final check.
Troubleshooting
The HTML is rejected on import
Omnisend's custom HTML import has formatting requirements. Check that the code meets them, and remove any unsupported elements before pasting.
Images do not load
Check the following:
Each
srcpoints to a public URL rather than a local file path.The hosted image URLs open correctly in a browser.
The image files were uploaded before the campaign was sent.
The layout breaks in Outlook
Outlook uses a different rendering engine than most clients. In Emailify:
Re-export with web-safe font fallbacks configured.
Check the mobile override settings for the affected components.
Re-test after each change, because Outlook rendering cannot be verified from the Figma preview.
The plugin will not open in Figma
If Figma shows a "Request Figma Design to run plugins" message, your seat does not have full Design access. Plugins cannot run on view-only seats. Request Design access from your Figma admin.
Changes in Figma do not appear in Omnisend
There is no live connection between the two platforms. After editing the design, export the HTML again and re-import it into a new campaign.
FAQ
Does Emailify automatically upload templates to Omnisend?
No. The Omnisend export produces an HTML file that you paste into Omnisend manually.
Do I need an Omnisend API key?
No. This integration does not use the Omnisend API.
Do I need a paid Emailify license?
Not necessarily. The plugin includes 10 free Pro uses, and the Free version remains available afterward. Check the Emailify plugin panel to see which export options your current version includes.
Do I need a paid Omnisend plan?
No. Custom HTML campaigns are available on all plans, including Free.
Can I edit the design inside Omnisend after importing?
The imported HTML is edited as code rather than in Omnisend's drag-and-drop editor. Make design changes in Figma and re-export.
Can I reuse the same design for multiple campaigns?
Yes. Save the exported HTML file and paste it into each new campaign.
Can I import an existing Figma email design into Emailify?
No. Emailify only exports emails built with its own components inside the plugin.
Does this work for automation workflow emails?
The exported HTML can be used anywhere Omnisend accepts custom HTML. Check the custom HTML options available in your workflow email.
Didn't find the answer to your question? Reach out to our support team through the in-app chat or at [email protected] – we're available 24/7.