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: Export HTML emails from Figma to Mailercloud - This tutorial shows how to use the Emailify Figma plugin to design an HTML email, add the Mailercloud footer, export the template as HTML, and upload it into Mailercloud. It also covers matching the subject line and preheader text between Emailify and Mailercloud before saving the template.. Machine-readable page: /emailify/tutorials/export-html-emails-from-figma-to-mailercloud.md.

Export HTML emails from Figma to Mailercloud

This tutorial shows how to use the Emailify Figma plugin to design an HTML email, add the Mailercloud footer, export the template as HTML, and upload it into Mailercloud. It also covers matching the subject line and preheader text between Emailify and Mailercloud before saving the template.

← Back to Emailify Video Tutorials

What this video covers

This tutorial shows how to use the Emailify Figma plugin to design an HTML email, add the Mailercloud footer, export the template as HTML, and upload it into Mailercloud. It also covers matching the subject line and preheader text between Emailify and Mailercloud before saving the template.

Things you'll need

  • A Figma file with the Emailify plugin available
  • A Mailercloud account with a sender ID already set up

Steps

  1. Open Figma, search for Emailify in Resources, save or run the plugin, and add a new Emailify container to the canvas.
  2. In the Footer tab, scroll to Mailercloud and add the Mailercloud footer component with the prepopulated unsubscribe and view in browser links.
  3. Preview the email in Emailify and switch between mobile and desktop to check the layout.
  4. Click Export HTML, choose the HTML email option, then select Mailercloud under platform integrations.
  5. Enter the subject line and preheader text, then export for Mailercloud and download the zip file.
  6. Unzip the export, open the nested index.html file, and confirm the HTML preview looks correct.
  7. In Mailercloud, create a new campaign, select the HTML editor option, drag and drop the index.html file into the editor, then continue and save the template.

Useful links