Desktop Figma Plugin Demo Video, ready in minutes
Figma Community plugin pages live or die on their preview media, and a {device} mockup showing the plugin panel in context converts better than a cropped screenshot of just the UI floating in space. Mockly frames your screenshot in a minimal desktop browser window frame with a subtle corner radius, built for Figma plugin developers listing on the Community page.
Try Mockly FreeWhy Desktop fits a figma plugin demo video
Figma Community plugin pages live or die on their preview media, and a {device} mockup showing the plugin panel in context converts better than a cropped screenshot of just the UI floating in space. The Desktop frame in Mockly is landscape only, ideal for full browser or app screenshots, with a 4px corner radius tuned to match the real device. Recommended aspect ratios: 16:9 for hero sections and demo reels, 1:1 for social carousels.
How Mockly builds the animation
Frame a screenshot of your plugin's panel inside Desktop so it reads as a real part of the design workflow, then scroll through its settings or output.
What you export
Export at 1080p, sized for the Community page's cover video slot. Every export is yours to use commercially, and Pro removes the Mockly watermark entirely if you're shipping this to production.
Frequently asked questions
Yes, plugin and widget listings support a cover video in addition to screenshots — this is one of the first things a visitor sees before installing.
Cropping to just your plugin's panel usually communicates faster, but framing it inside Desktop adds enough context that viewers understand it's a real design tool.
Since Mockly only needs a fresh screenshot, re-exporting an updated preview after a UI change takes a couple of minutes.