--- url: "/bannerify/export/gif.md" description: "Once you've finished animating your layers in the timeline, you can export your banners to animated GIF files." --- # Exporting your banners to animated GIF files > Once you've finished animating your layers in the timeline, you can export your banners to animated GIF files. ### Video Tutorial: Export banners to GIFs from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to GIFs using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/J2wk4r1QL1k) [Video](/assets/videos/bannerify/export/animated-gif.mp4) Once you're happy with your banners and would like to export them to GIF, WebM, MP4 or animated WebP file you can click the **Export to GIF/Video** button in the Bannerify header. This will open the GIF/Video export settings. > **Note:** **Including or excluding banners in your export**. By default, all of the frames 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, you can toggle the **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. > **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. ### Lossless or lossy compression By default, GIFs are exported with *Lossless* compression, which means that the file size is kept low without any noticeable quality loss. If you require even smaller GIFs (at the expensive of some quality loss), you can enable **Lossy** compression instead, and adjust the custom compression quality slider to your needs. > **Note:** **Setting advanced dithering options**. If you know what you're doing, you can customise the type of [dithering](https://en.wikipedia.org/wiki/Dither#Examples_2) that's used in your GIF export by changing the image dithering dropdown selector option in the GIF export settings panel. ### Using global color palette If you're exporting a GIF where the color palette for every frame is the same (with only some minor movement, text changes etc between them) and are seeing some color artifacts, you may want to enable the **All frames have the same color palette** toggle option, which will re-use the color palette from the first frame in your GIF, and apply that to all of the other frames in your GIF, too. > **Warning:** **Global color palettes can be buggy**. Please only use this option as a last resort if your GIF is showing unwanted color related artifacts or banding, as it can cause other issues if some colors in other frames of your GIF aren't included in the first frame. ### Infinitely loop playback Enabling the **infinitely loop playback** option will export GIFs that continuously loop their animation timeline forever. If you disable this setting, your GIFs will play through their animation timeline once, and then freeze on the final frame of the animation. This option only applies to **GIF** exports. ### Flagging transparent backgrounds for GIFs By default, your GIF exports won't include transparent backgrounds. If your GIF does require transparency, please add the word **transparent** anywhere in your banner (parent Figma frame) layer name. ### Downloading the final GIF .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 GIF .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.