Video Tutorial: Test HTML emails in different clients with exports from Figma

This video walks through how to test HTML emails in different clients with exports from Figma using the Emailify plugin and Litmus.com.

Video Tutorial: Test HTML emails in dark mode with exports from Figma

This video walks through how to test HTML emails in dark mode with exports from Figma using the Emailify plugin and Litmus.com.

Video Tutorial: Test HTML emails in Gmail with exports from Figma

This video walks through how to test HTML emails in Gmail with exports from Figma using the Emailify plugin and Litmus.com.

Video Tutorial: Test HTML emails on mobile with exports from Figma

This video walks through how to test HTML emails on mobile with exports from Figma using the Emailify plugin and Litmus.com.

Video Tutorial: Test HTML emails in Outlook with exports from Figma

This video walks through how to test HTML emails in Microsoft Outlook with exports from Figma using the Emailify plugin and Litmus.com.

Video Tutorial: Send yourself tests of HTML emails from Figma with PutsMail

This video walks through how to send yourself tests of HTML emails from Figma using the Emailify plugin and PutsMail.com.

The base design components that come included with the Emailify plugin have been pre-tested using Litmus to ensure they look great across all popular desktop (including Outlook) and mobile email clients.

However, it's always worth doing a test of your own emails using a service like Mailgun Inspect, Litmus, or Email on Acid, just to ensure they're looking good before you send them out.

You can also send the exported HTML to inboxes you can access using a service like htmltest.email. See Sending manual HTML email inbox tests for the complete workflow and its limitations.

Running email client previews inside Emailify

Emailify can render the current production HTML in selected email clients and return the screenshots directly to the plugin while free Pro trial uses remain or with an active Pro license:

1. Click Preview for the email you want to test.
2. Select the Email Previews tab.
3. Review or customize the Preview Name and Subject Line used to identify the test. These fields do not change your Emailify design.
4. Select Recommended or choose up to 12 available email clients manually across the Webmail, Mobile, Desktop, and Other groups.
5. Click Run Email Preview Test. Cards for all selected clients appear immediately, with a progress bar and ready count. Each screenshot replaces its card's loading state as soon as that client finishes. You can keep the panel open to watch them render, or reopen the test later from Recent Tests.
6. Click Download ZIP when the test finishes. This is the main results action and includes every completed screenshot, a manifest, a README, and an index.html report where you can search, filter, enlarge, or download individual client images.
7. When you no longer need the remote result, click Delete Test, review the confirmation, then click Delete Preview.

Recent Tests keeps the tests created by the current Figma account available in Emailify for up to 48 hours. Reopening a test requests its current status and refreshes the signed screenshot links, so closing and reopening the plugin does not lose an in-progress or completed result during that session. An expired or deleted test cannot be reopened.

The downloaded ZIP contains local copies of the completed screenshots. After you extract it, the report and images work without Emailify and do not depend on the remote screenshot links remaining active. Failed clients are listed in the report without an image so the result set stays complete.

Some desktop and webmail screenshots include sender details in the surrounding email-client interface. Emailify replaces those service-owned details with an Emailify Preview label in the plugin and downloaded ZIP without altering the rendered email body. Mobile body-only screenshots do not need this step. A newly added desktop or webmail client is offered only after its surrounding interface has been calibrated, so an unknown provider layout cannot expose unprocessed branding.

Emailify hosts local image assets before it submits the test so the remote email clients can load them. If every image cannot be hosted, the test fails before the production HTML is submitted instead of creating a result with broken images.

Email Previews is available while free Pro trial uses remain or with an active Emailify Pro license. For trial access, the Firebase function requires an existing Emailify Figma-user record with a positive allowance and consumes one trial run when it creates a test. For Pro access, it validates the Gumroad license key against the matching Figma user. Result polling and deletion remain bound to the creating account and preview through a signed token, so you can finish and download the test that used your final trial run. Each test can include up to 12 email clients. Active Pro licenses unlock unlimited exports and tests; Emailify does not impose an hourly or daily preview allowance on Pro usage.

Email Previews is an optional remote-processing feature. When you run it, Emailify sends the preview name, subject line, current production HTML, selected client keys, and public image URLs through a Firebase/Google Cloud function to Emailify's managed email-rendering service. The service API key remains server-side. For operational debugging, the creating Figma user ID is prefixed to the provider-side test name. The preview test and its screenshots are queued for automatic deletion after 48 hours, or you can delete the test earlier in Emailify. Deleting a test removes that remote preview result and makes its signed screenshot links stop working.

The screenshot links returned to the plugin are signed proxy links that expire after six hours. Emailify refreshes those links when you reopen a test from Recent Tests or download its ZIP. Where sender details need to be replaced, the plugin applies that canvas step locally; Emailify does not upload or retain another processed screenshot copy. The rendered screenshots show the submitted snapshot; later Figma edits do not change an existing test, so run a new test when you need updated results.

Using the Mailgun Inspect integration

Emailify includes a dedicated Mailgun Inspect integration that uploads the generated HTML directly from Figma for preview testing across the email clients and devices available to your Mailgun account.

See Testing HTML emails with Mailgun Inspect for setup and upload instructions.

Using the Email on Acid integration

Beginning in June 2026, current Email on Acid subscription customers will start transitioning to Mailgun Inspect.

Video Tutorial: Export HTML email tests from Figma to Email on Acid

This video walks through how to upload HTML email tests from the Figma Emailify plugin to Email on Acid.

Emailify includes a built-in integration with Email on Acid, which lets you upload HTML email tests directly from the Figma plugin directly into your Email on Acid projects.

In the Emailify export panel, select the Email on Acid option from the dropdown list, then paste in a valid Email on Acid API key, which can be generated from your Email on Acid account page, and then paste in your Email on Acid account password (the one you login to the website with) into the second text input field in the Emailify export options.

When you're ready, click the Upload To Email on Acid button to start exporting the emails you've selected from Figma to HTML, and have them automatically be uploaded to your Email on Acid projects.