Bannerify Banner Studio

About this plugin

Documentation & Video Tutorials

For plugin documentation and step by step video tutorials, please visit https://docs.hypermatic.com/bannerify

Questions & Support

Bannerify is still a baby panda, so if you notice any bugs or have any questions about the plugin, please get in touch directly via https://hypermatic.com/contact and we'll help you troubleshoot and resolve them as quickly as possible.

Security

Bannerify is designed to be privacy and security focused — for details about security and how the plugin works, please visit https://docs.hypermatic.com/bannerify/security

Features

1. Criminally easy timeline animation and real-time previews inside Figma.
2. Generates all the images, HTML, CSS and Javascript you need for every banner.
3. Export your animated banners to GIF, MP4, WebM or animated WebP files.
4. Embed Lottie file animations or MP4 video files to any layers in your timeline.
5. Add an optional .mp3 audio track to your MP4 video exports
6. Create your own keyframes, or use dozens of professional presets.
7. Set a maximum file size (kb) per banner for automatic asset optimization.
8. Optionally include static fallback "backup.jpg" for every banner.
9. Impress your clients with beautifully responsive HTML preview pages (with optionally auto-upload to Netlify).
10. Export to HTML/CSS, GIF/MP4/WebM files, GSAP (Greensock), and more than a dozen ad platforms (eg. Google Ads) with one click.
11. Automatically saves all of your exported banners and preview page as a single .zip file.

The easiest animation timeline you've ever used.

Craft and preview your banner animations in real-time, directly inside Figma using the Bannerify timeline. Select from dozens of premium animation presets and adjust them to fit your creative.

Export production ready HTML, GIF or MP4 video banners in seconds.

With one click, Bannerify automatically exports your banners to export for HTML/CSS, GIF/MP4/WebM files, GSAP (Greensock), AdForm, AdForm Mobile (MRAID), Adition, AdRoll, Adobe Ad Cloud, AppNexus, Basis, Delta Projects, DoubleClick (DCM), DoubleClick Studio, DV360, FlashTalking, Google Ads, Google Display Network, IAB, Jivox (Dynamic Creative), Responsive Display Ad, 6sense (Dynamic Creative), Sizmek, StackAdapt, Terminus, The Trade Desk, BidTheatre, USSD (Tap to SMS), USSD (Tap to Call), Yandex and more.

Embed Video or Lottie files to any Figma layer

Add a video or Lottie file embed to your banner layers instantly, just by pasting the link to a .mp4/.webm video file or a .json Lottie file.

Impress your clients with beautiful preview pages.

Bannerify automatically generates a beautiful preview pages to review all your animated banners at the same time, and optionally deploy it to a URL using the built-in Netlify integration.

Automate 10 hours of manual coding in 10 seconds.

Bannerify helps you hit tight deadlines with ease, reducing the design/development feedback loop to zero. It’s the secret weapon inside top creative teams.

Bannerify Pro

10 free trials of Bannerify Pro are included with the free version, and if you're a casual user, you can continue using the free version of Bannerify forever.

If you're a power user, you can optionally upgrade to continue using all the extra features that are only available in the pro version of Bannerify.

To learn more about Bannerify Pro, please visit https://www.hypermatic.com/bannerify/#pro