Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Export banners for AdForm from Figma - 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.. Machine-readable page: /bannerify/tutorials/export-banners-for-adform-from-figma.md.

Export banners for AdForm from Figma

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.

← 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