Automatically upload preview page to a Netlify URL

If you would like to host the preview page of all your banners online (rather than just included locally in the exported .zip file), you can use the built-in Netlify upload integration in the Bannerify HTML export settings.

Video Tutorial: Upload preview links for HTML banners from Figma to Netlify

This video tutorial is a complete step-by-step guide showing you how to upload preview links for HTML banners from Figma to Netlify using the Bannerify plugin.

To use this feature, you can click the Export to HTML button in the Bannerify header, enable the Upload Preview Page toggle, select the Netlify dropdown option, then paste in your Netlify personal access token to connect Bannerify and create a new Netlify site for the current Figma page.

If Netlify is blocked on your network. If preview uploads work for one teammate but not another, ask your IT team to allow proxy.hypermatic.com and api.netlify.com.

You can optionally click on the Change site name link to update the auto-generated subdomain name from Netlify to something more personalized, and then click the Refresh icon button in Figma after saving it in Netlify to show the updated URL.

After you click the Export Banners button, you will see confirmation of the Netlify preview page being uploaded, along with a link to view it, and another link to the Netlify settings page to manage the site.