--- url: "/bannerify/tutorials.md" description: "The best free Figma tutorial videos for beginners (or power users) to level up." --- # Bannerify Video Tutorials > The best free Figma tutorial videos for beginners (or power users) to level up. ## Designing Banners ### Animate and export banners to HTML from Figma This video tutorial is a complete step-by-step guide showing you how to animate and export production-ready HTML banners from Figma in seconds. [Embedded media](https://www.youtube.com/embed/-TA088FNulA) ### Create multi-scene animated banners in Figma This video tutorial is a complete step-by-step guide showing you how to create multi-scene animated banners in Figma (and export to HTML or video) using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/_RJoxtwDC04) ### Add video embeds to Figma banner exports This video tutorial is a complete step-by-step guide showing you how to add video file embeds to your banners using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/8eqKeU4c4bc) ### Animate and export banners to HTML from Figma This video tutorial is a complete step-by-step guide showing you how to animate and export production-ready HTML banners from Figma in seconds. [Embedded media](https://www.youtube.com/embed/WDYRd9cSJcs) ### Add custom animations to your Figma banner designs This video tutorial is a complete step-by-step guide showing you how to add custom keyframe animations to your banners using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/Js4uSQ855uo) ### Add hover animations to your Figma banner designs This video tutorial is a complete step-by-step guide showing you how to add hover animations to your banners using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/dOdeG78NlSw) ### Add masked animations to Figma banners This video tutorial is a complete step-by-step guide showing you how to add masked animations to Figma banners using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/GIGNYoB6oCM) ### Add split text animations to Figma banners This video tutorial is a complete step-by-step guide showing you how to add split text animations (by character, word, or line) to Figma banners using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/NrzaotL5IMw) ### Add cubic bezier easing to banner animations in Figma This video tutorial is a complete step-by-step guide showing you how to add custom cubic-bezier easing to banner animations in Figma using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/uS2TRRQiYzw) ### Add Lottie animations to Figma banner exports This video tutorial is a complete step-by-step guide showing you how to add Lottie file animations to your banners using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/JOJXVPWejOw) ### Add scrollable text disclaimers to HTML Figma banners This video tutorial is a complete step-by-step guide showing you how to add scrollable text disclaimers (with auto-scroll) to HTML Figma banners using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/lDPV4QU_ZRU) ### Add rich text popup overlays to HTML Figma banners This video tutorial is a complete step-by-step guide showing you how to add rich text popup overlays to HTML Figma banners using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/fOlw2ghGcIc) ## HTML Exports ### Export banners to HTML/GSAP from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to HTML/GreenSock (GSAP) in seconds using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/SS2J6k5Wo7s) ### Add custom HTML, CSS, and Javascript to Figma banner exports This video tutorial is a complete step-by-step guide showing you how to add custom HTML, CSS, and Javascript to Figma banner exports using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/Uwe6PLmErRU) ### Export animated HTML banners from Figma to multiple ad platforms This video tutorial is a complete step-by-step guide showing you how to export animated HTML banners from Figma to multiple ad platforms with one click using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/Q16MPp9YKjg) ### Upload preview links for HTML banners from Figma to Netlify This video tutorial is a complete step-by-step guide showing you how to upload preview links for HTML banners from Figma to Netlify using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/ZBJeKCTWo4k) ### Export animated HTML banners from Figma to Google Drive with Zapier This video tutorial is a complete step-by-step guide showing you how to export animated HTML banners from Figma to Google Drive with Zapier using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/yVS3gDPDNUo) ### Bulk export Figma banner variants from a spreadsheet to HTML or Video/GIF This video tutorial is a complete step-by-step guide showing you how to bulk export Figma banner variants from a spreadsheet to HTML or Video/GIF using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/EiVk0G0nEU4) ## GIF/Video Exports ### 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) ### 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) ### 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) ### Export banners to WebM 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 WebM Videos using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/Nur9nWx9Qhs) ### Export banners to animated PNG (APNG) images from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to animated PNG (APNG) images using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/GoBXTURjPuM) ### Export banners to animated WebP images from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to animated WebP images using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/-MsleYiQHIQ) ### Bulk export Figma banner variants from a spreadsheet This video tutorial is a complete step-by-step guide showing you how to bulk export Figma banner variants from a spreadsheet to HTML or Video/GIF using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/EiVk0G0nEU4) ## Ad Platforms ### Export banners for Google Ads from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to HTML for Google Ads in seconds. [Embedded media](https://www.youtube.com/embed/ZFeByEwsjME) ### Export responsive HTML banners from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to responsive HTML using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/RXBaPS4nSQ4) ### Export banners for DoubleClick from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to HTML for DoubleClick Studio in seconds using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/vyxXHZ4rpos) ### Export banners for AdForm from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to HTML for AdForm in seconds using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/8P5W9Q9v-5g) ### Export banners for DCM from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to HTML for DoubleClick Campaign Manager (DCM) in seconds using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/8nWhYP7cnk8) ### Export banners for Flashtalking from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to HTML for Flashtalking in seconds using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/lCjG54qAFb4) ### Export banners for IAB from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to HTML for IAB in seconds using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/JHucv6UEaBU) ### Export banners for Sizmek from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to HTML for Sizmek in seconds using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/xuGoT7KbVOw) ### Export banners for AppNexus from Figma This video tutorial is a complete step-by-step guide showing you how to export production-ready animated banners from Figma to HTML for AppNexus in seconds using the Bannerify plugin. [Embedded media](https://www.youtube.com/embed/qRBXJX0yChc)