← 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 the Sizmek ad platform. It covers installing Bannerify, selecting the Sizmek export format, and reviewing the generated HTML, JavaScript, CSS, images, and EBLoader.js files.

Things you'll need

• Figma
• Bannerify HTML Exporter
• Access to the pre-designed banners linked in the plugin description, if following along with the tutorial example

Steps

1. Install the Bannerify plugin from Figma Community by searching for "Bannerify" and selecting "Bannerify HTML Exporter".
2. Open the plugin description and use the URL in the "additional notes" section to load the pre-designed banner file, if desired.
3. In your Figma file, right click the banners, go to Plugin, and launch "Bannerify HTML Exporter".
4. Click "Export banners to HTML", then under "code output settings" open the "export format" drop-down and choose "Sizmek".
5. Click "export banners", then save the generated zip file and unzip it.
6. Open the exported folder and preview the banners by opening "index.html" in a browser.
7. Inspect the exported files in a code editor to see the HTML, JavaScript, CSS, image assets, and the automatically included "EBLoader.js" script.

Useful links

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