← Back to Bannerify Video Tutorials

What this video covers

This video shows how to use the Bannerify Figma plugin to export HTML banners and automatically upload the included preview page to Netlify. It also shows how to create a Netlify personal access token, connect it in Bannerify, rename the site, and share the hosted preview URL with clients or stakeholders.

Things you'll need

• A prepared Figma file with banners set up in Bannerify
• A Netlify account

Steps

1. Open the Figma Resources icon, search for Bannerify, and save the Bannerify plugin for easy access.
2. Run Bannerify from Saved plugins and load your prepared banners into the plugin.
3. Click Export to HTML, choose the export settings you want, and enable Upload Preview Page URL to Netlify.
4. In Netlify, create a new personal access token, copy it, and paste it into the personal access token field in Bannerify.
5. If needed, open the generated Netlify site and change the site name in Domain settings, then refresh Bannerify to update the preview URL.
6. Click Export Banners to export the files and upload the preview page to Netlify.
7. Use the Netlify preview URL to share the live banner preview, and open site settings in Netlify if you need to manage the site later.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Automatically upload preview page to a Netlify URL
• Next: Export animated HTML banners from Figma to Google Drive with Zapier
• Open Bannerify in the Figma Community