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 Moosend - The tutorial shows how to use the Emailify Figma plugin to create an HTML email, add the Moosend footer, export the template as HTML, and import it into a Moosend campaign. It also demonstrates previewing the email, copying the exported index.html code, and loading it into Moosend as an imported campaign template.. Machine-readable page: /emailify/tutorials/export-html-emails-from-figma-to-moosend.md.

Export HTML emails from Figma to Moosend

The tutorial shows how to use the Emailify Figma plugin to create an HTML email, add the Moosend footer, export the template as HTML, and import it into a Moosend campaign. It also demonstrates previewing the email, copying the exported index.html code, and loading it into Moosend as an imported campaign template.

← Back to Emailify Video Tutorials

What this video covers

The tutorial shows how to use the Emailify Figma plugin to create an HTML email, add the Moosend footer, export the template as HTML, and import it into a Moosend campaign. It also demonstrates previewing the email, copying the exported index.html code, and loading it into Moosend as an imported campaign template.

Things you'll need

  • A Figma file with the Emailify plugin available
  • A Moosend account

Steps

  1. Open Emailify in Figma from Resources or Saved Plugins and create a new email frame.
  2. Add the Moosend footer from the Footer tab so the unsubscribe and view in browser links use the correct Moosend tags.
  3. Preview the HTML in Emailify to check the desktop and mobile layout, then open Export HTML and choose the Moosend platform integration.
  4. Enter the subject line and optional preheader text, then click Export for Moosend and download the zip file.
  5. Unzip the export, open the email template folder, and locate the index.html file.
  6. In Moosend, create a new regular campaign, enter the campaign name and subject line, choose your list, and open the design step.
  7. Turn on Imported campaign template, paste the full HTML from the exported index.html source into the HTML code field, and click Import.

Useful links