---
url: "/emailify/tutorials/export-html-emails-from-figma-to-yotpo.md"
description: "This tutorial shows how to use the Emailify Figma plugin to design an HTML email, export it as a ZIP, and import the exported code into Yotpo as a custom HTML template. It also shows how to add the Yotpo footer requirements, preview the email, and reuse the saved template for campaigns."
---

# Export HTML emails from Figma to Yotpo

> This tutorial shows how to use the Emailify Figma plugin to design an HTML email, export it as a ZIP, and import the exported code into Yotpo as a custom HTML template. It also shows how to add the Yotpo footer requirements, preview the email, and reuse the saved template for campaigns.

[← Back to Emailify Video Tutorials](/emailify/tutorials)

[Embedded media](https://www.youtube-nocookie.com/embed/lRU0Wjw9vHQ)

## What this video covers

This tutorial shows how to use the Emailify Figma plugin to design an HTML email, export it as a ZIP, and import the exported code into Yotpo as a custom HTML template. It also shows how to add the Yotpo footer requirements, preview the email, and reuse the saved template for campaigns.

## Things you'll need

- A Figma file with the Emailify plugin available.
- Access to the Yotpo platform.

## Steps

1. [ ] Open a Figma file, find Emailify in the Resources icon, and run or save the plugin from the Plugins tab.
2. [ ] Create a new template, click Add New Emailify Container, and build your email design in the Emailify frame.
3. [ ] In the Footer tab under Platforms, choose the Yotpo footer option so the required unsubscribe link, View in Browser link, and full address are added.
4. [ ] Use the Preview icon to check the rendered HTML on desktop and mobile, then click Export HTML and choose the Yotpo Platform Integration option.
5. [ ] Enter the subject line and preheader text, then click Export for Yotpo and download the ZIP file.
6. [ ] Unzip the file, open index.html, copy the page source, and paste it into Yotpo under Campaigns > Email Templates > My Templates > Start From Scratch > HTML Editor.
7. [ ] Save and close the template in Yotpo, then use it to create a campaign and add the subject line; only enter the preheader in one place to avoid duplication.

## Useful links

- [Watch the full video on YouTube](https://www.youtube.com/watch?v=lRU0Wjw9vHQ)
- [Read the full video transcript](https://www.hypermatic.com/tutorials/how-to-export-html-emails-from-figma-to-yotpo-using-emailify)
- [Read: Uploading your emails to Yotpo](/emailify/integrations/yotpo)
- [Next: Export HTML emails from Figma to Bento](/emailify/tutorials/export-html-emails-from-figma-to-bento)
- [Open Emailify in the Figma Community](https://www.figma.com/community/plugin/910671699871076601)