---
url: "/bannerify/tutorials/export-banners-for-dcm-from-figma.md"
description: "This tutorial shows how to use the Bannerify Figma plugin to export animated banners from Figma to HTML for DoubleClick Campaign Manager (DCM). It also demonstrates how to inspect the exported files and verify the click tag behavior with HTML5 Validator."
---

# Export banners for DCM from Figma

> This tutorial shows how to use the Bannerify Figma plugin to export animated banners from Figma to HTML for DoubleClick Campaign Manager (DCM). It also demonstrates how to inspect the exported files and verify the click tag behavior with HTML5 Validator.

[← Back to Bannerify Video Tutorials](/bannerify/tutorials)

**What this video covers**

This tutorial shows how to use the Bannerify Figma plugin to export animated banners from Figma to HTML for DoubleClick Campaign Manager (DCM). It also demonstrates how to inspect the exported files and verify the click tag behavior with HTML5 Validator.

**Things you'll need**

- Figma
- Bannerify HTML Exporter
- A Figma file with pre-designed animated banners

**Steps**

1. Install the Bannerify HTML Exporter plugin from Figma Community if it is not already installed.
2. Open a Figma file with pre-designed animated banners, then launch Bannerify HTML Exporter from the Plugins menu.
3. Click Export banners to HTML, choose DoubleClick Campaign Manager (DCM) under advertising platforms, and export the banners.
4. Save the exported zip file, then open it to view the generated banner folders and the index.html file.
5. Open index.html in a browser to preview the exported animation, or inspect the HTML, CSS, and JavaScript in a code editor.
6. Use HTML5 Validator to upload a zipped banner and confirm that the click event tracks correctly.

**Useful links**

- [Watch the full video on YouTube](https://www.youtube.com/watch?v=8nWhYP7cnk8)
- [Read the full video transcript](https://www.hypermatic.com/tutorials/how-to-export-figma-to-html-for-double-click-campaign-manager-dcm-using-bannerify)
- [Browse Bannerify tutorial docs](https://docs.hypermatic.com/bannerify/tutorials)

[Embedded media](https://www.youtube.com/embed/8nWhYP7cnk8)