Mac 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 clean MacBook-style frame with a soft rounded top edge, built for landscape screens, built for Figma plugin developers listing on the Community page.
Try Mockly FreeWhy Mac 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 Mac frame in Mockly is landscape only, matching how people actually use a laptop screen, with a 12px corner radius tuned to match the real device. Recommended aspect ratios: 16:9 for YouTube/website embeds, or 1:1 for square social posts.
How Mockly builds the animation
Frame a screenshot of your plugin's panel inside Mac 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 Mac 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.