← Back to Bannerify Video Tutorials

What this video covers

This video shows how to install and use the Bannerify HTML Exporter Figma plugin to export animated banners from Figma to HTML for the AdForm platform. It also briefly explains the files Bannerify generates, including AdFormDHTML.js, manifest.json, HTML, and the images folder.

Things you'll need

• Figma
• The Bannerify HTML Exporter plugin
• Banners already designed and animated in Figma

Steps

1. Open Figma, go to Community, search for Bannerify, and install the Bannerify HTML Exporter plugin.
2. Optionally duplicate the tutorial file from the URL in the plugin's additional notes, or use your own banner design.
3. Right-click in the Figma file, open Plugins, and launch Bannerify HTML Exporter.
4. Click Export banners to HTML, open the export format/platform dropdown, and select AdForm.
5. Click Export banners, then save the generated zip file.
6. Unzip the file and open index.html in a browser to preview the exported banners and animations.
7. Inspect an exported banner folder to see the AdForm files Bannerify creates automatically.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Exporting HTML banners for AdForm
• Next: Export banners for DCM from Figma
• Open Bannerify in the Figma Community