Prompt-Vorlage

Präsentationsboard für ein Designsystem mit Tokens, Typografie und Komponenten

Dieser Prompt erzeugt ein einzelnes Präsentationsboard, das das Designsystem eines frei wählbaren Produkts zusammenfasst – standardmäßig eine moderne SaaS-Analytics-Plattform. Er legt die Abschnitte fest: Farb-Tokens, Schriftmuster, Icon-Stil, Buttons, Eingabefelder, Datenkarten, Diagrammkomponenten und Abstandsbeispiele, und schließt winzigen Text, überlappende Karten, beliebige Verläufe und erfundene Markenlogos aus. Unser Beispiel ergab ein aufgeräumtes Board mit beschrifteten Primär-, Semantik- und Neutralfarben, einer Schriftskala, einem Outline-Icon-Set, Button- und Eingabezuständen, KPI-Karten, vier Diagrammtypen und einer Abstandsskala. Damit lässt sich eine visuelle Richtung pitchen, ein Design-Review eröffnen oder ein Styleguide in einem Deck oder einer Case Study auf einen Blick zeigen.

Seitenverhältnis 16:9Kein Referenzbild nötig
Bildgenerator öffnenAlle Vorlagen ansehen
Designsystem-Board für eine Analytics-Plattform mit Farbfeldern, Schriftskala, Outline-Icons, Buttons, Eingabezuständen, Datenkarten, Diagrammen und Abständen
Beispiel, erstellt auf Nano Banana Pro mit GPT Image 2. Mit anderen Eingaben und Einstellungen kann das Ergebnis abweichen.

Prompt der Vorlage

Kopiere den Prompt in den Bildgenerator und ersetze die Angaben in Klammern durch deine eigenen.

Create a design system presentation board for [a modern SaaS analytics platform]. Include color tokens, typography samples, icon style, buttons, input fields, data cards, chart components, and spacing examples. Style: clean professional Figma-like board, precise alignment, readable labels, and consistent component proportions. Restrictions: no unreadable tiny text, no overlapping cards, no random gradients, no fake brand logos, no inconsistent UI styles.

Prompt-Idee von github.com. Originalbeitrag ansehen

Wofür sich die Vorlage eignet

  • Eine visuelle Richtung für ein neues Produkt pitchen, bevor Komponenten gebaut werden
  • Titelbilder für Designsystem-Dokumentation oder eine Case Study
  • Kick-off-Folien für ein Design-Review mit Engineering und Produktmanagement
  • Zwei oder drei Stilrichtungen direkt nebeneinander vergleichen

Tipps für den Prompt

  • Das Produkt in Klammern durch das eigene ersetzen, etwa eine Banking-App oder ein Buchungstool
  • Vorhandene Palette oder Schriftart beim Namen nennen; sonst wählt das Modell selbst
  • Die Zeile mit den Einschränkungen beibehalten, damit das Layout geordnet bleibt und erfundene Logos seltener werden, und das Ergebnis danach prüfen
  • Hex-Codes und Größen auf dem Board als Vorschläge betrachten und vor der Wiederverwendung prüfen
  • Nicht benötigte Abschnitte wie Diagramme streichen, damit der Rest mehr Platz bekommt

Ähnliche Vorlagen

Silberner Laptop auf einem Holzschreibtisch mit Pflanze und Tasse, auf dem Bildschirm ein helles Projekt-Dashboard mit Kennzahlenkarten, Diagrammen und Tabelle

UI/UX-Mockup auf einem Laptop auf einem Holzschreibtisch bei Tageslicht

Prompt für einen fotorealistischen Laptop auf schlichtem Holzschreibtisch mit Dashboard samt Seitenleiste, Diagrammen und Tabellen – für Produkt und Portfolio.

Desktop-Operations-Dashboard namens HELIX OPS mit dunkler Seitenleiste, vier KPI-Karten, Linien-, Ring- und Balkendiagramm, Anlagentabelle und Alert-Liste

Desktop-Mockup eines SaaS-Operations-Dashboards mit KPI-Karten und Diagrammen

Prompt für ein Desktop-Dashboard-Mockup mit Seitenleiste, Filterleiste, KPI-Karten, Liniendiagrammen, Datentabelle und Alert-Panel in Schiefergrau und Kobaltblau.

Zwölf Affirmationskarten in Pastelltönen im Raster mit Blatt- und Goldlinien-Akzenten, kurzen Überschriften und einer Platzhalterzeile für einen Spruch

Druckbares Set mit Affirmationskarten und Platz für eigene Sprüche

Prompt für ein Raster ruhiger, hochwertiger Affirmationskarten mit sanften Hintergründen, dekorativen Details und leerem Textfeld für selbst ergänzte Sprüche.