← Back to Emailify Video Tutorials

What this video covers

This tutorial shows how to export an HTML email from Figma with Emailify and test how it renders in dark mode using Litmus.com. It demonstrates copying the exported index.html into Litmus, selecting email clients, and running previews to compare dark mode behavior across clients like Gmail, Apple Mail, and Outlook.

Things you'll need

• A Figma file with an email design set up in Emailify
• An exported HTML email from the Emailify Figma plugin
• A Litmus.com account

Steps

1. Open the Figma file, find Emailify from Resources, and save it to your Figma plugins list if needed.
2. Run the Emailify plugin from Saved plugins and prepare the email design in Figma.
3. Click export HTML, keep upload hosted image URLs enabled, and export the HTML.
4. Download the zip file, open the exported folder, and copy the contents of the index.html file in a code editor.
5. Go to Litmus.com, create a new test under the test tab, choose test, and use bring in your email.
6. Click view more ways to create an email, paste the copied HTML, add a subject line, and click done.
7. Use choose email clients to select dark mode previews such as Apple Mail, Outlook, Gmail, and iOS mail, then click run previews.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Adding dark mode design overrides (only supported in Apple Mail on iOS/MacOS)
• Next: Test HTML emails in Gmail with exports from Figma
• Open Emailify in the Figma Community