---
url: "/bannerify/design/figma-buzz.md"
description: "Learn how to load banner designs from a Figma Buzz file into Bannerify, open the full animation timeline, and export your banners."
---

# Using Bannerify with Figma Buzz

> Learn how to load banner designs from a Figma Buzz file into Bannerify, open the full animation timeline, and export your banners.

[Video](/assets/videos/bannerify/design/figma-buzz.mp4)

## 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.

> **Tip:** After opening the full workspace, you can use Bannerify's normal [animation controls](/bannerify/animation/selecting-animations) and [export options](/bannerify/export/html) 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.