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 different clients with exports from Figma - This video shows how to export an HTML email from the Emailify Figma plugin and test it in Litmus across different email clients. It demonstrates how to paste the exported HTML into a Litmus test and review real client previews such as Outlook, Gmail, and mobile apps.. Machine-readable page: /emailify/tutorials/test-html-emails-in-different-clients-with-exports-from-figma.md.

Skip to content

Test HTML emails in different clients with exports from Figma

This video shows how to export an HTML email from the Emailify Figma plugin and test it in Litmus across different email clients. It demonstrates how to paste the exported HTML into a Litmus test and review real client previews such as Outlook, Gmail, and mobile apps.

โ† Back to Emailify Video Tutorials

What this video covers

This video shows how to export an HTML email from the Emailify Figma plugin and test it in Litmus across different email clients. It demonstrates how to paste the exported HTML into a Litmus test and review real client previews such as Outlook, Gmail, and mobile apps.

Things you'll need

  • Emailify should already be installed or saved as a Figma plugin.
  • The email should already be designed in Figma using Emailify.
  • A Litmus account or access to Litmus is needed to run the email tests.

Steps

  1. Open Figma, find Emailify under Resources > Plugins, and save or run the plugin from Saved plugins.
  2. Use Emailify to design the email, then click Export HTML and make sure Upload hosted image URLs is enabled.
  3. Click Export to HTML, then download and save the zip file containing the HTML email.
  4. Open the HTML file from the exported folder, select all of the code, and copy it to the clipboard.
  5. In Litmus, click Create New, name the test, choose Tests, and click Bring in your email.
  6. Choose More ways to create an email, paste the HTML into the code block, add a subject line, and click Done.
  7. Review the Previews and QA tab, open different client previews, and rerun previews with other email client selections if needed.

Useful links