Video Tutorial: Uploading your emails to SendGrid

This video walks through how to upload HTML emails from the Figma Emailify plugin to SendGrid.

Download a ZIP

1. In the Emailify export panel, choose SendGrid (Zip) and select your email frames. No SendGrid API key is required.
2. Choose whether to upload your images using the image hosting options.
3. Click Export For SendGrid, then download and unzip the file.
4. Copy each email's index.html into SendGrid's HTML code editor. If you exported local image paths, host the images and replace those paths with public URLs before sending.
5. Send a test through SendGrid and check it in your recipients' email clients.

Both SendGrid options omit the special rounded-button fallback for older Outlook clients. Those clients display square button corners; clients that support CSS rounded corners retain them. This compatibility choice does not guarantee that every Outlook rendering issue is resolved.

Upload through the API

In the Emailify export panel, select the SendGrid (API) option from the dropdown list, then paste in a valid SendGrid API key, which can be generated from your SendGrid account API Keys settings page.

When you're ready, click the Upload To SendGrid button to start exporting the emails you've selected from Figma to HTML, and have them automatically be uploaded to your SendGrid Design Library templates.