Once you’re happy with your design and the settings that you wanted to configure, you can export your email(s) from Figma to HTML by clicking on the Export HTML button in the Emailify plugin header, selecting the email(s) you’d like to export and optionally adding a subject line and preheader text.

​
Export and download your HTML email from Figma as a .zip file

The default option selected is HTML Email, which will ensure your emails are exported to compiled production ready emails (with all the CSS pre-inlined and the HTML minified).

When you’re ready, click on the Export To HTML button to start exporting the emails you’ve selected from Figma to HTML.

After Emailify has finished processing your email(s), you’ll be shown a confirmation message; you can download your .zip file by clicking the Download your .zip file button.

Saving file downloads from Figma If you're using the Figma desktop app, you'll see a prompt appear to download your file. However, if you're using Figma in a web browser, your file will automatically be downloaded to your computer by default (usually to the Downloads directory on your computer).

Emailify will automatically detect if any text layers in your design require RTL (right-to-left) styling, and will automatically apply the dir="rtl" HTML attribute to any text content areas in your exported emails.

​
Unzipping and viewing your exported HTML email .zip package

After you’ve downloaded your .zip file from Figma to your computer, you can open your file explorer to the directory where it was saved. Double clicking on the exported .zip file will unzip the contents.

The .zip file contains the index.html HTML code and image assets inside of a seperate folder for each email, and also includes another index.html file in the root of the zip file, which is a preview page that’s automatically generated so you can easily review all of your exported HTML emails at once (or upload it as a Netlify preview link for your clients/team).

Double clicking on either the preview page index.html file, or any index.html file inside your individual email folders will open up the file in your web browser and let you preview the exported HTML.

The plain text content version of your HTML email will automatically be included inside the .zip file of any email exports from the plugin. If you unzip your exported .zip file, then open the folder of your email, there will be a plain-text-version.txt file alongside your index.html file.

Was this page helpful?

Subject Line & Preheader TextImage Hosting