← Back to Bannerify Video Tutorials

What this video covers

This tutorial shows how to install the Bannerify Figma plugin, load banner frames, and embed video URLs into placeholder layers so the video plays back in the banner timeline. It then demonstrates exporting the banners to HTML and to WebM video, with GIF and MP4 mentioned as additional export options.

Things you'll need

• Figma
• Bannerify Figma plugin
• A direct .mp4 or .webm video URL

Steps

1. Find Bannerify in the Figma Community under the Plugins tab and install it.
2. Open your Figma file, right-click, go to Plugins, and run Bannerify.
3. Click Load Selected Banners to load the banner frames into Bannerify.
4. Choose a placeholder or other layer, open its settings, and paste an .mp4 or .webm URL into the embed field.
5. Preview the banner timeline to confirm the video plays alongside the other animations.
6. Use Apply Embed or Quick Select to apply the same video to multiple selected layers or banners.
7. Export the banners with Export to HTML or Export to GIF/Video, then download and open the exported files to verify the result.

Useful links

• Watch the full video on YouTube
• Read the full video transcript
• Read: Including Video file embeds in your banners
• Next: Generate custom banner animations with AI
• Open Bannerify in the Figma Community