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 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.. Machine-readable page: /bannerify/tutorials/export-banners-for-dcm-from-figma.md.

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

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