---
url: "/emailify/tutorials/export-html-emails-from-figma-to-ongage.md"
description: "This tutorial shows how to use the Emailify Figma plugin to design an HTML email, export it as production-ready code for Ongage, and paste the generated HTML into a new Ongage campaign. It also covers adding the Ongage footer, previewing the email, and using the WYSIWYG editor only for small text changes."
---

# Export HTML emails from Figma to Ongage

> This tutorial shows how to use the Emailify Figma plugin to design an HTML email, export it as production-ready code for Ongage, and paste the generated HTML into a new Ongage campaign. It also covers adding the Ongage footer, previewing the email, and using the WYSIWYG editor only for small text changes.

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

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

## What this video covers

This tutorial shows how to use the Emailify Figma plugin to design an HTML email, export it as production-ready code for Ongage, and paste the generated HTML into a new Ongage campaign. It also covers adding the Ongage footer, previewing the email, and using the WYSIWYG editor only for small text changes.

## Things you'll need

- A Figma file with the Emailify plugin available
- An Ongage account
- A finished or mostly finished email design to export

## Steps

1. [ ] Open the Emailify Figma plugin from Resources or saved Figma plugins, then create a new Emailify container for your email design.
2. [ ] Add your email content, then insert the Ongage footer component so the unsubscribe link and address tag are populated automatically.
3. [ ] Use the Preview button to check the responsive HTML preview on mobile and desktop, and adjust mobile overrides if needed.
4. [ ] Click Export HTML, choose the Ongage platform integration, enter the subject line and preheader, then export and download the zip file.
5. [ ] Unzip the download and open the index.html file from the email template folder to copy the full HTML source.
6. [ ] In Ongage, create a new email campaign, paste the same subject line, switch to the HTML tab, replace the existing HTML with the copied index.html code, and keep Auto beautify HTML unchecked.
7. [ ] Save or continue the campaign, add your lists and other campaign fields, optionally send a test, and schedule the campaign when ready.

## Useful links

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