← Back to Emailify Video Tutorials

What this video covers

The video shows how to export an HTML email from Figma with the Emailify Figma plugin and then test that HTML in Litmus.com on mobile devices and mobile email clients. It walks through uploading the exported code, choosing mobile previews, and checking how the email renders on iOS and Android clients like Apple Mail, Outlook iOS, and Gmail for Android.

Things you'll need

• Emailify Figma plugin
• A Litmus.com account

Steps

1. Open your Figma file, find Emailify in Resources or Saved plugins, and run the Emailify Figma plugin.
2. Click export HTML, keep upload hosted image URLs selected, and export the design to HTML.
3. Download the ZIP file, unzip it, and open the index.html file in a code editor to copy the HTML.
4. Go to Litmus.com, create a new email under the test tab, choose test, and bring in your email by pasting the raw HTML.
5. Open choose email clients, clear desktop and web-based clients, and expand the mobile and tablet section.
6. Select the mobile devices and clients you want, such as iOS 16 on iPhone 14 and iPhone 14 Pro Max, plus Gmail app on Android 11.
7. Click run previews, then open individual previews like Outlook iOS, Apple Mail, or Gmail for Android to inspect the rendered email.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Testing your HTML emails before sending
• Next: Test HTML emails in Outlook with exports from Figma
• Open Emailify in the Figma Community