Back to Plugins
Framify Video Exporter

Framify Video Exporter

Export Figma frame with video layers into video file in minutes, without screen recording.

Plugin Preview

Framify Video Exporter preview

About this plugin

Framify Video Exporter is a free Figma plugin that lets designers composite video files directly onto their exported Figma frames — producing a real, downloadable video file (MP4, WebM, or GIF) without leaving Figma or needing a separate video editor.Designers select a Figma frame, upload their video file, and Framify renders both together on an HTML Canvas — producing a polished, exportable video that looks exactly like their design mockup, but alive with motion.Watch a short YouTube tutorial: https://www.youtube.com/watch?v=sYXzRT3FZyMWho It's ForProduct designers creating app store preview videosMarketing designers producing social media video adsUX designers making animated mockups for client presentationsAgencies needing fast, repeatable video mockup pipelinesIndie makers who want polished visuals without video editor overheadFeatures & CapabilitiesFrame ExportAuto-detects selected Figma frame on plugin openExports frame at 2× resolution for crisp outputSplits frame into background + foreground layers for proper video compositingDetects named video placeholder layers (e.g., layers tagged as video groups)Displays frame name and dimensions in the UIVideo UploadDrag-and-drop or click-to-upload interfaceSupports MP4, WebM, MOV (treated as MP4)Shows video name, duration, and resolution on uploadMultiple video slot support for frames with multiple video placeholdersVideos are matched to their corresponding frame layer position automaticallyExportMP4 — via MediaRecorder (H.264 in WebM container, .mp4 extension)WebM — native MediaRecorder outputGIF — via GIF.js, capped at 600px width for file size controlExport progress bar with real-time progress barAuto-filename based on Figma frame nameExport stops automatically when video endsScale ControlsOutput scale options: 0.5×, 0.85×, 1×, 1.5×, 2×Scales the final export resolution proportionallyFramify is free because the Figma community has given me so much already (as a designer). This is my way of giving back. If Framify saves you time on a project, a small donation helps keep it maintained and growing.https://buymeacoffee.com/roman.designs~Roman SerebryakovSupport | Terms | Privacy Policy

Plugin Details

Version4
CreatedMarch 8, 2026
Last UpdatedMarch 18, 2026
CategoryImport & export plugins
CreatorRoman Serebryakov
Stats17 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://cdn.jsdelivr.net
    • https://cdnjs.cloudflare.com
    • https://unpkg.com