Framify Video Exporter
Export Figma frame with video layers into video file in minutes, without screen recording.
Plugin 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
| Version | 4 |
|---|---|
| Created | March 8, 2026 |
| Last Updated | March 18, 2026 |
| Category | Import & export plugins |
| Creator | Roman Serebryakov |
| Stats | 17 installs, 3 likes |
| Pricing | Free |
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
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML