Figma-Plugin-Screenshot-Generator
Gestalten Sie Blickfang-Cover und Listing-Screenshots für Ihr Figma-Plugin oder Widget – perfekt auf die 1920×1080-Vorgabe der Figma Community zugeschnitten.
Keine Registrierung nötig. Öffnet sofort eine 1920×1080-Figma-Community-Leinwand.
Anforderungen
Bildanforderungen der Figma Community
Wenn Sie ein Plugin oder Widget in der Figma Community veröffentlichen, besteht das Listing aus einem Cover-Bild und optionalen Karussell-Medien. Beide nutzen dieselbe 16:9-Leinwand, sodass Sie alle Assets in einem einzigen Projekt erstellen können. Dies sind die Spezifikationen, die Figma bei der Veröffentlichung empfiehlt.
Cover- und Listing-Spezifikationen
| Cover-Größe | 1920 × 1080 px (empfohlen) |
|---|---|
| Seitenverhältnis | 16:9 |
| Sicherheitsbereich | 1800 × 1080 px, zentriert |
| Karussell-Medien | Bis zu 9 Bilder oder Videos |
| Formate | PNG oder JPG (PNG empfohlen) |
| Plugin-Icon | 128 × 128 px |
Prüfrichtlinien: Dos und Don'ts
Do
- ✓Zeigen Sie die echte Oberfläche und Ergebnisse des Plugins
- ✓Halten Sie Text groß und in Thumbnail-Größe lesbar
- ✓Stimmen Sie den Cover-Stil mit Icon und Marke ab
- ✓Bleiben Sie innerhalb der 1800×1080-Sicherheitszone
Don't
- ✗Screenshots verwenden, die die Plugin-Funktion verzerren
- ✗Wichtigen Text oder Logos an den Rand setzen
- ✗Sich auf winzige UI-Details verlassen, die in der Vorschau verschwinden
- ✗Fremdes Marketing-Artwork ohne Plugin-Bezug wiederverwenden
Starter-Stile
Cover-Templates für Figma-Plugins
Starten Sie mit einem bewährten 16:9-Layout und tauschen Sie im Editor Ihre eigenen Screenshots, Farben und Texte ein.
Kräftiger Farbverlauf
Große Schlagzeile über lebendigem Verlauf mit schwebenden UI-Karten.
Klar & minimal
Weißer Hintergrund, knackiger Produktausschnitt und ein klares Versprechen.
Dunkles Studio
Tiefe anthrazitfarbene Bühne mit leuchtenden Akzenten für Tool-Plugins.
Marken-Pop
Führen Sie mit Ihren Logofarben und einem markanten Vorher-Nachher-Paar.
Sie wollen mehr Ausgangspunkte? Browser- & Desktop-Templates durchstöbern
So funktioniert es
Ein Figma-Plugin-Cover in 3 Schritten
Von der leeren Leinwand zum veröffentlichungsfertigen Cover in etwa fünf Minuten.
- 01
1920×1080-Leinwand öffnen
Starten Sie den Editor mit dem Figma-Community-Preset – ohne Einrichtung oder Registrierung.
- 02
Screenshots und Texte hinzufügen
Fügen Sie Plugin-UI-Aufnahmen ein, wählen Sie einen Hintergrund und schreiben Sie eine Schlagzeile, die das Ergebnis verkauft.
- 03
Exportieren und veröffentlichen
Laden Sie gestochen scharfe PNGs für Cover und Karussell herunter und laden Sie sie im Figma-Veröffentlichungsdialog hoch.
Best Practices
Was großartige Plugin-Cover ausmacht
Muster, die in der Figma Community durchweg gut funktionieren.
Zeigen Sie die Verwandlung
Stellen Sie einen schlichten Ist-Zustand neben das polierte Ergebnis – Beweise schlagen Versprechen.
Rahmen Sie die echte UI
Setzen Sie authentische Plugin-Screenshots in einen Browser- oder Canvas-Rahmen, damit der Kontext sofort klar wird.
Markentreu bleiben
Greifen Sie Farben und Typografie Ihres Icons auf, damit das ganze Listing wie ein Produkt wirkt.
FAQ
FAQ zu Figma-Plugin-Screenshots
Alles, was Entwickler zu Cover-Bildern und Listing-Screenshots der Figma Community fragen.
Liefern Sie ein Cover, das Klicks verdient
Öffnen Sie den Editor auf einer 1920×1080-Figma-Community-Leinwand und exportieren Sie in Minuten alle Listing-Assets.