---
url: "/bannerify/tutorials/export-banners-for-adform-from-figma.md"
description: "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."
---

# 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](/bannerify/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](https://www.youtube.com/watch?v=8P5W9Q9v-5g)
- [Read the full video transcript](https://www.hypermatic.com/tutorials/how-to-export-figma-to-html-for-ad-form-using-bannerify)
- [Browse Bannerify tutorial docs](https://docs.hypermatic.com/bannerify/tutorials)

[Embedded media](https://www.youtube.com/embed/8P5W9Q9v-5g)