---
url: "/emailify/tutorials/upload-preview-links-for-html-emails-from-figma-to-netlify.md"
description: "This video shows how to use the Emailify Figma plugin to export an HTML email to Netlify and generate a shareable preview link. It also covers creating a Netlify personal access token, changing the generated site name, and opening or downloading the uploaded preview files."
---

# Upload preview links for HTML emails from Figma to Netlify

> This video shows how to use the Emailify Figma plugin to export an HTML email to Netlify and generate a shareable preview link. It also covers creating a Netlify personal access token, changing the generated site name, and opening or downloading the uploaded preview files.

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

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

## What this video covers

This video shows how to use the Emailify Figma plugin to export an HTML email to Netlify and generate a shareable preview link. It also covers creating a Netlify personal access token, changing the generated site name, and opening or downloading the uploaded preview files.

## Things you'll need

- A Figma file with an email already designed using Emailify components.
- A Netlify account, or a way to create one for free.

## Steps

1. [ ] Open the Resources icon in Figma, search for Emailify under the Plugins tab, and run or save the plugin.
2. [ ] In Emailify, click Export HTML and choose Netlify under the Upload Preview Link section.
3. [ ] In Netlify, create a Personal access token from the applications page, then copy the token.
4. [ ] Paste the token into the Emailify field with the key icon to connect to Netlify and generate a new site.
5. [ ] If needed, change the Netlify site name, then refresh Emailify to load the updated site name and domain.
6. [ ] Fill in the email details and click Upload to Netlify to generate the HTML, upload the images, and publish the preview.
7. [ ] Open the Netlify Preview URL or download the zip file if you want a copy of the uploaded files.

## Useful links

- [Watch the full video on YouTube](https://www.youtube.com/watch?v=YZAILKYkyUM)
- [Read the full video transcript](https://www.hypermatic.com/tutorials/how-to-upload-preview-links-for-html-emails-from-figma-to-netlify-using-emailify)
- [Read: Uploading your emails to Netlify (as a preview link)](/emailify/export/netlify)
- [Next: Export HTML emails from Figma to PDF previews](/emailify/tutorials/export-html-emails-from-figma-to-pdf-previews)
- [Open Emailify in the Figma Community](https://www.figma.com/community/plugin/910671699871076601)