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.
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.