← Back to Bannerify Video Tutorials

What this video covers

The video shows how to use the Bannerify Figma plugin to export animated HTML banners from Figma for Google Ads. It also demonstrates how to preview the exported zip, inspect the generated code, and validate the result with the Google Ads HTML5 validator.

Things you'll need

• Figma
• Bannerify HTML Exporter plugin

Steps

1. Install the Bannerify HTML Exporter plugin from the Figma Community tab if it is not already installed.
2. Open a Figma file with banners set up, or duplicate the sample file linked in the Bannerify plugin details additional notes.
3. Right-click on the canvas, go to plugins, and launch Bannerify HTML Exporter.
4. Click Export banners to HTML, then open the code output settings and choose Google Ads from the advertising platforms list.
5. Click Export banners to generate the HTML, images, and zip file.
6. Open the zip file and view index.html to preview the exported banners and replay animations if needed.
7. Optionally upload the zip to the Google Ads HTML5 validator to check the creative before use.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Exporting fixed-size HTML5 banners for Google Ads
• Next: Export responsive HTML banners from Figma
• Open Bannerify in the Figma Community