← 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 into production-ready HTML for one or more ad platforms. It also demonstrates the new Multiple Platforms option for generating banner exports for platforms like Google Ads, DoubleClick, and Adform in one process.

Things you'll need

• A Figma file with banner frames already created
• Banner animations already set up in Bannerify

Steps

1. Open your Figma file, find Bannerify under the plugins tab, and run it from Saved Plugins.
2. Load the Figma frames you want to use as banners into the plugin and finish setting up your animations.
3. Click Export to HTML in the top-right corner of the plugin.
4. For a single platform, choose a format such as Google Ads and click Export Banners.
5. For multiple platforms, select Multiple Platforms, then add platforms like Google Ads, DoubleClick, and Adform in the Add Platforms field.
6. Export the banners, download the zip file, and unzip it to access the platform-specific folders and the _zips folder.
7. Open index.html in a browser to preview the banners before uploading them to the ad platforms.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Exporting banners for multiple ad platforms
• Next: Upload preview links for HTML banners from Figma to Netlify
• Open Bannerify in the Figma Community