Figma Plugin Screenshot Generator
Design scroll-stopping covers and listing screenshots for your Figma plugin or widget — perfectly sized for Figma Community at 1920×1080.
No sign-up required. Opens a 1920×1080 Figma Community canvas instantly.
Requirements
Figma Community Image Requirements
When you publish a plugin or widget to Figma Community, the listing is driven by one cover image plus optional carousel media. Both use the same 16:9 canvas, so you can produce every asset from a single project. These are the specs Figma recommends at publish time.
Cover & Listing Specifications
| Cover size | 1920 × 1080 px (recommended) |
|---|---|
| Aspect ratio | 16:9 |
| Safe area | 1800 × 1080 px, centered |
| Carousel media | Up to 9 images or videos |
| Formats | PNG or JPG (PNG recommended) |
| Plugin icon | 128 × 128 px |
Review Guidelines: Do & Don't
Do
- ✓Show the plugin's real interface and output
- ✓Keep text large and readable at thumbnail scale
- ✓Match your cover style to your plugin icon and brand
- ✓Stay inside the 1800×1080 safe area
Don't
- ✗Use screenshots that misrepresent what the plugin does
- ✗Put critical text or logos near the edges
- ✗Rely on small UI details that vanish at preview size
- ✗Reuse marketing artwork unrelated to the plugin
Starter styles
Cover Templates for Figma Plugins
Start from a proven 16:9 layout, then swap in your own screenshots, colors and copy in the editor.
Bold gradient
Big headline over a vivid gradient with floating UI cards.
Clean minimal
White background, crisp product crop and one clear promise.
Dark studio
Deep charcoal stage with glowing accents for tooling plugins.
Brand pop
Lead with your logo colors and a punchy before/after pair.
Want more starting points? Browse browser & desktop templates
How it works
Make a Figma Plugin Cover in 3 Steps
From blank canvas to a publish-ready cover in about five minutes.
- 01
Open the 1920×1080 canvas
Launch the editor with the Figma Community preset — no setup or sign-up needed.
- 02
Add your screenshots and copy
Drop in plugin UI captures, pick a background, and write a headline that sells the core outcome.
- 03
Export and publish
Download crisp PNGs for your cover and carousel, then upload them in the Figma publish modal.
Best practices
What Great Plugin Covers Do
Patterns that consistently perform well on Figma Community.
Show the transformation
Pair a plain before state with the polished after — proof beats promises.
Frame the real UI
Place authentic plugin screenshots in a browser or canvas frame so viewers instantly get the context.
Stay on brand
Echo your icon's colors and typography so the whole listing feels like one product.
FAQ
Figma Plugin Screenshot FAQ
Everything developers ask about cover images and listing screenshots for Figma Community.
Ship a Cover That Earns Its Clicks
Open the editor on a 1920×1080 Figma Community canvas and export every listing asset in minutes.