Modèle de prompt

Planche de présentation d’un design system avec tokens, typographie et composants

Ce prompt demande une seule planche de présentation qui résume le design system d’un produit que vous choisissez, par défaut une plateforme SaaS d’analytique moderne. Il liste les sections à inclure : tokens de couleur, échantillons typographiques, style d’icônes, boutons, champs de saisie, cartes de données, composants de graphiques et exemples d’espacement. Il exclut aussi le texte minuscule, les cartes qui se chevauchent, les dégradés aléatoires et les faux logos de marque. Notre exemple a donné une planche nette avec des nuanciers primaires, sémantiques et neutres légendés, une échelle typographique, un jeu d’icônes au trait, les états des boutons et des champs, des cartes KPI, quatre types de graphiques et une échelle d’espacement. Utilisez-le pour proposer une direction visuelle, ouvrir une revue de design ou présenter un guide de style en un coup d’œil dans un deck ou une étude de cas.

Format 16:9Aucune image de référence nécessaire
Ouvrir le générateur d’imagesVoir tous les modèles
Design system d’une plateforme d’analytique : nuanciers, échelle typo, icônes au trait, boutons, états de champs, cartes de données, graphiques, espacements
Exemple créé sur Nano Banana Pro avec GPT Image 2. Vos entrées et réglages peuvent donner un résultat différent.

Prompt du modèle

Copiez le prompt dans le générateur d’images et remplacez les éléments entre crochets par les vôtres.

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.

Idée de prompt de github.com. Voir la publication d’origine

À quoi sert ce modèle

  • Proposer une direction visuelle pour un nouveau produit avant de construire les composants
  • Visuels de couverture pour la documentation d’un design system ou une étude de cas
  • Slides de lancement d’une revue de design avec les développeurs et les product managers
  • Comparer côte à côte deux ou trois directions de style

Conseils pour le prompt

  • Remplacez le produit entre crochets par le vôtre, par exemple une application bancaire ou un outil de réservation
  • Ajoutez une palette ou un nom de police si vous en avez déjà ; sinon, le modèle choisit lui-même
  • Conservez la ligne des restrictions pour guider la mise en page et limiter les logos inventés, puis vérifiez le résultat
  • Considérez les codes hexadécimaux et les tailles de la planche comme des suggestions et vérifiez-les avant de les réutiliser
  • Supprimez les sections inutiles, comme les graphiques, pour laisser plus de place au reste

Modèles similaires

Portable argenté sur un bureau en bois avec une plante et une tasse, affichant un tableau de bord de projets clair avec cartes, graphiques et tableau

Maquette UI/UX sur un ordinateur portable posé sur un bureau en bois, à la lumière du jour

Un prompt pour un portable photoréaliste sur un bureau en bois épuré, dont l’écran affiche un tableau de bord net avec barre latérale, graphiques et tableaux.

Tableau de bord desktop HELIX OPS : barre latérale sombre, quatre cartes KPI, courbe, anneau, histogramme, tableau d’équipements et liste d’alertes

Maquette desktop d’un tableau de bord SaaS d’opérations avec cartes KPI et graphiques

Un prompt pour maquetter un tableau de bord analytique desktop : barre latérale, filtres, cartes KPI, courbes, tableau de données et alertes, en ardoise et bleu cobalt.

Douze cartes d’affirmations pastel en grille, avec feuillages et lignes dorées, de courts titres et une ligne de remplacement pour la citation

Set de cartes d’affirmations à imprimer avec un espace pour vos citations

Un prompt pour une grille de cartes d’affirmations apaisantes et haut de gamme, avec fonds doux, détails décoratifs et une zone vide pour vos citations.