Avant Figma, il y a… le papier, les Post-its, ou l'IA. Créer un wireframe low-fidelity, c'est l'étape zéro de toute interface : rapide, brouillon, mais essentiel pour aligner une équipe. Ce prompt vous aide à structurer une maquette texte claire que vous pouvez ensuite reproduire dans Notion, FigJam, Whimsical ou Miro.
Lors d'un brainstorming ou d'un sprint design
Avant de faire une maquette haute fidélité
Pour documenter une idée à partager avec devs ou PMs
Pour simuler une interface IA rapidement (agent GPT, chatbot…)
Une description textuelle des zones d'interface (header, corps, CTA…)
Des notes UX à ne pas oublier (responsive, accessibilité…)
Une base pour travailler en mode no-code ou figma
Un gain de temps dans les ateliers de design
Voici le modèle de base avec des espaces réservés. Remplacez les espaces réservés par vos informations spécifiques :
Tu es UX Designer. Décris un wireframe low-fidelity pour {{screen_purpose}}. Le wireframe est destiné à un utilisateur de type {{user_type}} dans le contexte suivant : {{context_description}}. Structure ta réponse en zones : 1) Header, 2) Corps principal, 3) CTA ou interactions, 4) Notes UX et responsive. Utilise un format lisible pouvant être facilement transféré dans Notion ou Whimsical. {{additional_context_block}}
{{screen_purpose}}
Objectif de l'écran à prototyper - ex : écran de login, dashboard, formulaire de configuration, page de paiement{{user_type}}
Type d'utilisateur visé - ex : nouvel utilisateur, abonné, visiteur non inscrit{{context_description}}
Contexte d'usage ou contraintes - ex : mobile only, usage en situation de stress, respect du RGPD{{additional_context}}
Autres détails utiles (optionnel) - ex : respecter la charte actuelle, intégrer un onboarding visuelVoici un exemple avec des valeurs remplies :
Tu es UX Designer. Décris un wireframe low-fidelity pour un écran de paiement. Le wireframe est destiné à un utilisateur de type : client régulier. Le contexte est : mobile only, respect des contraintes RGPD. Structure ta réponse en zones : 1) Header, 2) Corps principal, 3) CTA ou interactions, 4) Notes UX et responsive. Ajoute aussi ces précisions : respecter la charte actuelle et inclure un encart de rappel promo.
Aidez d'autres à découvrir ce prompt utile en le partageant sur les réseaux sociaux