---
url: "/bannerify/export/video.md"
description: "Once you've finished animating your layers in the timeline, you can export your banners to MP4 videos."
---

# Exporting your banners to MP4 videos

> Once you've finished animating your layers in the timeline, you can export your banners to MP4 videos.

### Video Tutorial: Export banners to MP4 videos from Figma

This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to MP4 Videos using the Bannerify plugin.
[Embedded media](https://www.youtube.com/embed/rlq7Zq0fl7o)

[Video](/assets/videos/bannerify/export/animated-mp4.mp4)

After you've clicked the **Export to GIF/Video** and configured your export settings, you can click the **Export MP4** button at the bottom of the export panel to begin exporting your banners from Figma to MP4. This will export your animated banners to [h264](https://en.wikipedia.org/wiki/Advanced_Video_Coding) encoded [MP4](https://en.wikipedia.org/wiki/WebM) videos.

> **Note:** **Browser Support**. Due to browser compatibility issues, **MP4** videos can _only_ be exported using [Chrome](https://www.google.com/intl/en_us/chrome/) or the [Figma Desktop App](https://www.figma.com/downloads/).

> **Info:** **MP4s are automatically optimized**. MP4 video exports will automatically be optimized to get the best quality at the lowest file size.

> **Tip:** **Including or excluding banners in your export**. By default, all of the top level layers in your Figma file that are loaded into Bannerify as banners will be included in your export; if you would like to exclude any banners from being included (without [re-loading the selected banners](/bannerify/design/figma-frames#refreshing-your-banners-from-figma) in), you can toggle the **Include Banner in Export** switch in any banner's timeline header to "off"; this will hide that banner's timeline and also exclude it from being added to any exports.

### Frames Per Second

You can change the framerate of your GIF exports by using the **Frames Per Second** select box options. You can select from the FPS options below:

- 60 FPS (Ludicrous Mode)
- 30 FPS (Ultra Smooth)
- 24 FPS (Smooth)
- 18 FPS (Less Smooth)
- 12 FPS (Least Smooth)
- 6 FPS (Jittery)

> **Warning:** **Higher FPS will take longer to render**. Please note that more frames will take longer to export and ouput larger file sizes. For example, exporting a **5 second timeline** at **24 FPS** will render out **120 frames** _per_ banner.

### Adding an audio track to MP4 video exports

### Video Tutorial: Add audio to Figma video banner exports

This video tutorial is a complete step-by-step guide showing you how to add audio files to your MP4 video banner exports in Figma using the Bannerify plugin.
[Embedded media](https://www.youtube.com/embed/XLg0YGQglgA)

Before exporting your MP4 video, you can optionally include an .mp3 audio file to your exported videos by dragging and dropping an `.mp3` file from your computer (you can download .mp3 music files from a site like [Pixabay](https://pixabay.com/music/search/)) into the Bannerify export settings. Then you can click the **Export MP4** button at the bottom of the export panel to begin exporting your banners from Figma to MP4 with the audio track automatically included.

Alternatively, if you've already embedded a video URL into one of your layers and would prefer to use the audio from that video, you can enable the **Use audio from embedded video** toggle, and this will automatically include the audio from the video on your banner's timeline layer.

> **Note:** **Browser Support**. Due to browser compatibility issues, **MP4** videos can _only_ be exported using [Chrome](https://www.google.com/intl/en_us/chrome/) or the [Figma Desktop App](https://www.figma.com/downloads/).

### Downloading the final MP4 video .zip file

After Bannerify has finished processing your banners, you'll be shown a confirmation message; you can download your `.zip` file containing your exported banners by clicking the **Download your .zip file** button.

> **Tip:** **Saving file downloads from Figma** If you're using the Figma **desktop app**, you'll see a prompt appear to download your file. However, if you're using Figma in a **web browser**, your file will automatically be downloaded to your computer by default (usually to the **Downloads** directory on your computer).

### Opening your MP4 video .zip file

After you've downloaded your `.zip` file from Figma to your computer, you can open your file explorer to the directory where it was saved. **Double clicking** on the exported `.zip` file will unzip the contents and let you use your banners however you like.