1920 × 1080 · Figma Community

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.

Exact 1920×1080 canvas that respects the 1800×1080 safe area
Your cover plus up to 9 carousel screenshots in one project
Free editor with device mockups, backgrounds and instant PNG export

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 size1920 × 1080 px (recommended)
Aspect ratio16:9
Safe area1800 × 1080 px, centered
Carousel mediaUp to 9 images or videos
FormatsPNG or JPG (PNG recommended)
Plugin icon128 × 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.

Use this style

Clean minimal

White background, crisp product crop and one clear promise.

Use this style

Dark studio

Deep charcoal stage with glowing accents for tooling plugins.

Use this style

Brand pop

Lead with your logo colors and a punchy before/after pair.

Use this style

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.

  1. 01

    Open the 1920×1080 canvas

    Launch the editor with the Figma Community preset — no setup or sign-up needed.

  2. 02

    Add your screenshots and copy

    Drop in plugin UI captures, pick a background, and write a headline that sells the core outcome.

  3. 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.

Free · No sign-up

Ship a Cover That Earns Its Clicks

Open the editor on a 1920×1080 Figma Community canvas and export every listing asset in minutes.