Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Test HTML emails in dark mode with exports from Figma - 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.. Machine-readable page: /emailify/tutorials/test-html-emails-in-dark-mode-with-exports-from-figma.md.

Test HTML emails in dark mode with exports from Figma

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.

← 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