Including Video file embeds in your banners

You can embed video files to any Figma layer in your Bannerify timeline by clicking on the Settings icon button for that layer, and then pasting in a URL pointing to a valid video file (.mp4 or .webm) into the video embed input field.

Video Tutorial: 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.

YouTube/Vimeo links will not work. You must link directly to an .mp4 video file URL, by uploading your video to a service like Dropbox first.

While the Figma Plugin API doesn't support reading video files directly from your Figma file layers, Bannerify allows you to embed videos into your timeline layers by pasting in a direct URL pointing to an .mp4 or .webm file.

To get a video file, you can either browse the selection of free stock videos on a site like Pixabay, or you can upload your own .mp4 or .webm file to a file hosting service like Dropbox or Backblaze B2, and then copy the URL link to your animation to use it in Bannerify.

By default, your video will automatically loop, but you can change this if needed by turning off the Loop Embed toggle.

To remove a video animation from your layer, click on the the Settings icon button again and remove the URL from the video embed input field.

If you're copying a Dropbox link, please ensure it's linking direclty to the video file itself (you should .mp4 as part of the URL), as sometimes Dropbox "Share"/"Copy Link" buttons will link to an entire folder instead, depending on which part of the Dropbox interface they're viewed from.

Bulk applying video file URLs As with other layer settings, you can also apply your video file URL setting to layers in bulk by using the bulk apply feature.

Keep the total size of any video embeds under 4mb to avoid your banner ad getting blocked by Chrome's heavy ad policy update that they've rolled out.