Modèle de prompt

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

Ce prompt décrit un écran complet de tableau de bord desktop pour une plateforme d’opérations fictive baptisée HELIX OPS : une barre latérale à gauche, une barre de filtres en haut, une rangée de cartes KPI, des graphiques en courbes, un tableau de données et un panneau d’alertes, le tout dans une palette froide ardoise, cobalt, sarcelle et blanc, sur une grille serrée. Notre exemple a donné un tableau de bord d’opérations crédible, avec des libellés lisibles, une sparkline dans chaque carte KPI, un graphique en anneau pour l’état des équipements, un histogramme par site et une liste d’alertes actives. Servez-vous-en pour visualiser un produit avant le travail de design, pour illustrer une landing page ou un pitch deck avec un écran réaliste, ou pour explorer la mise en page et les couleurs d’un outil interne. Remplacez le nom du produit, la palette et la liste des panneaux pour les adapter à votre propre produit.

Format 16:9Aucune image de référence nécessaire
Tableau de bord desktop HELIX OPS : barre latérale sombre, quatre cartes KPI, courbe, anneau, histogramme, tableau d’équipements et liste d’alertes
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 high-end desktop SaaS analytics dashboard mockup for a fictional platform named HELIX OPS, displayed on a 16:10 monitor canvas. Use a cool palette of slate, cobalt blue, teal, pale gray, and white, with tight grid alignment. Include a left sidebar, top filter bar, KPI cards, line charts, data table, alert panel, crisp typography, realistic labels, and production-ready spacing.

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

À quoi sert ce modèle

  • Visuels hero et de fonctionnalités pour la landing page d’un SaaS avant que la vraie interface n’existe
  • Slides de pitch deck qui montrent à quoi pourrait ressembler un produit
  • Premières explorations de mise en page et de couleurs pour un outil interne d’opérations
  • Écrans de référence pour un designer qui démarre un tableau de bord dans Figma

Conseils pour le prompt

  • Remplacez HELIX OPS par le nom de votre produit et gardez-le court pour que le texte du logo reste net
  • Listez les panneaux dans l’ordre voulu, puis vérifiez les noms et la mise en page sur l’écran généré
  • Décrivez la palette avec des noms de couleurs simples, comme ardoise, cobalt et sarcelle, plutôt qu’avec des codes hexadécimaux
  • Vérifiez les chiffres, dates et libellés avant publication : ils sont inventés et peuvent ne pas être cohérents
  • Les écrans générés sont des images, pas du code fonctionnel : reconstruisez la mise en page dans votre outil de design