← Back to Bannerify Video Tutorials

What this video covers

The video shows how to use the Bannerify Figma plugin to export animated banner designs from Figma as MP4 video files with one click. It also demonstrates the export options, the generated ZIP download, and the HTML preview page for reviewing all exported videos together.

Things you'll need

• A Figma file with banner frames already set up.
• Animations already configured in the banner designs.

Steps

1. Install the Bannerify Banner Ad Studio plugin from Figma Community if it is not already installed.
2. Right click on the Figma page, go to Plugins, and open Bannerify Banner Ad Studio.
3. Click Export to GIF/Video in the plugin header.
4. Set the Frames Per Second and Image Compression options, and leave Dark Mode on or off for the HTML preview page as needed.
5. Click Export to MP4.
6. Save the downloaded ZIP file, unzip it, and open the included index.html in Chrome to preview all the MP4 files.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Exporting your banners to MP4 videos
• Next: Add audio to Figma video banner exports
• Open Bannerify in the Figma Community