Hypermatic Docs

# Bannerify Video Tutorials

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

# 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

# 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

# Add masked animations to Figma banners

z This video tutorial is a complete step-by-step guide showing you how to add masked animations to Figma banners using the Bannerify plugin

# 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

# 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

# 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

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

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

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

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

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

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

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.

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

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

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

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

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

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

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

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

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

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

# Export banners to HTML/Canvas 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 Canvas in seconds using the Bannerify plugin.

This tutorial is deprecated

Please note that HTML Canvas export option is no longer part of the plugin

← Bannerify Security →