← Back to Emailify Video Tutorials

What this video covers

This tutorial shows how to use the Emailify Figma plugin to design an HTML email, preview it in Figma, and export it for the Bento email marketing platform. It then walks through copying the exported HTML into Bento Code Mode and preparing the email as a custom HTML broadcast.

Things you'll need

• Figma
• Emailify
• Bento

Steps

1. Open Figma, find Emailify from the Resources icon, and run or save the plugin from the Plugins menu.
2. Create or clone an Emailify template, then preview the email in Figma to check desktop and mobile versions.
3. Add a Bento footer from the Footers tab so the unsubscribe and view-in-browser links are pre-populated.
4. Click Export HTML, choose Bento under Platform Integrations, enter the subject line and preheader text, and click Export for Bento.
5. Download the zip file, open the exported folder, and open the index.html file in a browser.
6. In Bento, go to Emails > Broadcasts, create a broadcast, choose Code Mode, and paste the HTML source from the exported file.
7. Save changes, preview the email in Bento, and add the subject line and any preview text as needed before sending.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Uploading your emails to Bento
• Next: Export HTML emails from Figma to Intercom
• Open Emailify in the Figma Community