Prompt Gemini pour créer un design UI
Gemini, l'intelligence artificielle de Google, s'impose comme un outil puissant pour la conception d'interfaces utilisateur. Grâce à ses capacités multimodales, Gemini peut générer des maquettes UI détaillées, proposer des systèmes de design complets et même produire du code front-end fonctionnel. Que vous soyez designer cherchant à accélérer votre phase d'idéation ou développeur souhaitant prototyper rapidement une interface, Gemini offre une flexibilité remarquable. L'IA comprend les principes fondamentaux du design — hiérarchie visuelle, accessibilité, responsive design — et peut les appliquer à vos projets spécifiques. En formulant des prompts précis qui décrivent le contexte d'utilisation, le public cible et les contraintes techniques, vous obtiendrez des résultats exploitables immédiatement. Ce guide vous propose un prompt optimisé pour créer des designs UI professionnels avec Gemini, accompagné de variantes adaptées à votre niveau d'expertise et à la complexité de votre projet. Vous découvrirez comment structurer vos demandes pour obtenir des interfaces cohérentes, esthétiques et fonctionnelles, tout en respectant les bonnes pratiques du design moderne.
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Agis en tant que designer UI/UX senior avec 15 ans d'expérience. Je souhaite créer le design d'une interface pour [type d'application : SaaS, e-commerce, application mobile, dashboard...] destinée à [public cible]. L'objectif principal de cette interface est de [objectif : convertir, informer, engager...]. Génère un design UI complet comprenant : 1) Une palette de couleurs avec codes hexadécimaux (couleur primaire, secondaire, accent, fond, texte) justifiée par la psychologie des couleurs. 2) Une typographie avec recommandations de polices Google Fonts pour les titres et le corps de texte, avec tailles et graisses. 3) Le layout détaillé de la page principale avec la disposition de chaque élément (header, hero section, sections de contenu, CTA, footer). 4) Les composants UI nécessaires (boutons, cartes, formulaires, navigation) avec leurs états (hover, active, disabled). 5) Les espacements et la grille utilisée (8px grid). Le style visuel doit être [moderne et minimaliste / bold et coloré / corporate et élégant]. Assure-toi que le design respecte les normes WCAG 2.1 AA pour l'accessibilité et soit responsive (mobile-first). Fournis le résultat sous forme de spécifications détaillées que je peux transmettre directement à un développeur.
Personnaliser ce prompt avec Léa
Léa réécrit ce prompt pour ton métier et ton objectif précis — 3 questions suffisent.
Pourquoi ce prompt fonctionne
Ce prompt fonctionne car il attribue un rôle expert précis à Gemini, ce qui oriente la qualité et le niveau de détail des réponses. La structure en cinq points numérotés force l'IA à couvrir tous les aspects essentiels d'un design system sans en oublier. Les variables entre crochets permettent une personnalisation contextuelle tout en maintenant un cadre méthodologique rigoureux qui produit des résultats professionnels et exploitables.
Cas d'usage
Variantes
Résultat attendu
Gemini génèrera un document de spécifications UI complet incluant une palette de couleurs cohérente, des recommandations typographiques précises, un layout structuré section par section, et une bibliothèque de composants avec leurs différents états. Le résultat sera suffisamment détaillé pour servir de brief à un développeur front-end ou pour guider la création de maquettes dans Figma.
Questions fréquentes
Gemini peut-il générer directement des maquettes visuelles pour mon design UI ?
Gemini peut générer des images de maquettes UI grâce à ses capacités multimodales, mais les résultats sont souvent approximatifs pour des interfaces complexes. L'approche la plus efficace consiste à utiliser Gemini pour produire des spécifications détaillées (couleurs, typographie, layout, composants) que vous implémentez ensuite dans un outil comme Figma ou directement en code. Vous pouvez aussi lui demander des wireframes en ASCII ou des descriptions visuelles très précises qui servent de guide de conception.
Comment adapter le prompt pour un design mobile-first avec Gemini ?
Ajoutez dans votre prompt les contraintes spécifiques au mobile : taille d'écran cible (375px pour iPhone, 360px pour Android), zones de pouce accessibles (thumb zone), taille minimale des zones tactiles (44x44px selon Apple, 48x48dp selon Google), et navigation adaptée (bottom navigation, hamburger menu). Précisez également les breakpoints de votre stratégie responsive et demandez à Gemini de concevoir d'abord la version mobile avant de décliner sur tablette et desktop.
Puis-je demander à Gemini de générer du code CSS ou React à partir du design UI ?
Oui, Gemini excelle dans la génération de code front-end. Une fois le design défini, vous pouvez lui demander de produire du code CSS (avec variables custom properties pour les design tokens), des composants React avec Tailwind CSS ou styled-components, ou même des fichiers de configuration pour des frameworks UI comme shadcn/ui ou Material UI. Précisez votre stack technique dans le prompt pour obtenir du code directement intégrable dans votre projet. Pensez à demander des composants réutilisables plutôt que du code monolithique.
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
Astuce : ajoute en fin de prompt « fournis les tokens de design (couleurs, espacements) au format JSON exportable vers Figma ou Tailwind » pour passer directement des specs au code.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Prompt Stable Diffusion pour créer des infographies
Stable Diffusion est un outil puissant de génération d'images par intelligence artificielle qui peut être utilisé pour créer des infographies visuellement saisissantes. Contrairement aux logiciels de design traditionnels comme Canva ou Illustrator, Stable Diffusion permet de générer des compositions graphiques uniques à partir d'une simple description textuelle. Pour obtenir des infographies exploitables, il est essentiel de maîtriser l'art du prompt engineering : structurer précisément sa demande en spécifiant le style graphique, la disposition des éléments, la palette de couleurs et le niveau de détail souhaité. Les infographies générées par Stable Diffusion servent de base visuelle forte que vous pouvez ensuite affiner dans un éditeur graphique pour ajouter vos données textuelles précises. Que vous soyez créateur de contenu, marketeur ou designer, cette approche hybride vous fait gagner un temps considérable sur la conception initiale. Dans ce guide, vous trouverez des prompts optimisés pour générer différents styles d'infographies, des versions adaptées à votre niveau d'expertise, ainsi que des conseils pratiques pour obtenir les meilleurs résultats possibles avec Stable Diffusion.
Prompt Stable Diffusion pour créer un logo
Stable Diffusion est devenu un outil incontournable pour la création de logos grâce à sa capacité à générer des visuels vectoriels nets et professionnels. Contrairement aux générateurs d'images classiques, Stable Diffusion permet un contrôle granulaire sur le style, la typographie et la composition, trois éléments essentiels dans le design de logo. Que vous soyez entrepreneur cherchant à créer une identité visuelle sans budget design, graphiste en quête d'inspiration rapide, ou agence souhaitant accélérer sa phase de conception, maîtriser les prompts adaptés à la création de logos vous fera gagner un temps considérable. La clé réside dans l'utilisation de termes techniques précis : spécifier le type de logo (emblème, wordmark, mascotte), le style graphique (flat design, minimaliste, géométrique), et surtout les contraintes propres au logo comme le fond transparent, la simplicité des formes et la lisibilité à différentes échelles. Dans ce guide, vous trouverez un prompt principal optimisé, des variantes adaptées à votre niveau, et des réponses aux questions les plus fréquentes pour créer des logos percutants avec Stable Diffusion.
Traduire une réponse à un retour
Gérer les cycles de révision efficacement
Créer des titres accrocheurs pour les réseaux sociaux
Générez des titres percutants et optimisés pour vos publications sur les réseaux sociaux, adaptés à votre audience et votre plateforme.