Video Tutorial: Animate and export Figma Buzz banners to HTML, MP4 video, or GIF

Loading banners from a Figma Buzz file

Bannerify can load your existing banner designs directly from a Figma Buzz file:

1. Open the Plugins panel in your Buzz file and run Bannerify Banner Studio.
2. Check or uncheck the banner frames you want to use in the Bannerify sidebar.
3. Click Load Checked Banners to load your selection, or Load All Banners to include every listed frame.
4. When prompted, click Figma's pop-out icon in the top-right corner of the plugin header.
5. Use the full Bannerify workspace to animate layers, preview your banners, and access the export options.

Why Bannerify uses the pop-out window

Figma Buzz initially opens plugins in a narrow sidebar. Bannerify keeps the banner checklist in this compact view, then asks you to open the wider pop-out window after your banners have loaded.

The pop-out window contains the standard Bannerify timeline, animation controls, previews, and export features. If you dock Bannerify back into the Buzz sidebar, you can use the pop-out icon again to return to the full workspace with the same loaded banners.

After opening the full workspace, you can use Bannerify's normal animation controls and export options with your Buzz banner designs.

Buzz sidebar options

The Buzz sidebar focuses on loading banner frames that already exist in your file. Generate New Banners, Figma Section multi-scene loading, and other setup controls remain available when using Bannerify in a standard Figma Design file.