← Back to Emailify Video Tutorials

What this video covers

This video shows how to use the Emailify Figma plugin to export an HTML email from Figma directly into HubSpot. It also explains how to add the HubSpot footer template, find the HubSpot API key, and verify the uploaded template inside HubSpot.

Things you'll need

• A Figma file with an email already designed in Emailify
• A HubSpot account with an API key
• The HubSpot platform-specific footer template added to the email

Steps

1. Install Emailify from the Figma Community and run it from Plugins in your Figma file.
2. Open the Emailify export panel, change the export destination from downloading locally to HubSpot Marketing Hub, and paste in your HubSpot API key.
3. In your email design, add the HubSpot platform-specific footer template from the Footer category so the required unsubscribe, web, and company details are included.
4. Click Upload to HubSpot to generate the HTML, upload the images, and send the template to HubSpot.
5. In HubSpot, go to Marketing > Email > Create email > Regular, then open the Custom tab to find the uploaded template and preview it.
6. To inspect the uploaded file, go to Marketing > Files and templates > Design Tools and look for the automatically created emailify folder and HTML file.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Uploading your emails to HubSpot
• Next: Export HTML emails from Figma to Braze
• Open Emailify in the Figma Community