La version courte
- Figma AI peut servir à créer une première version ou à modifier une frame sélectionnée. Ces prompts décrivent une mise en page modifiable. Vérifiez les fonctionnalités actuellement accessibles dans votre espace de travail.
- Les écrans générés sont des points de départ. Testez-les avec du contenu réel, au clavier, sur petit écran et auprès des personnes qui les utiliseront. Une présentation soignée ne prouve pas que l’interface est facile à utiliser.
Figma AI peut servir à créer une première version ou à modifier une frame sélectionnée. Ces prompts décrivent une mise en page modifiable. Vérifiez les fonctionnalités actuellement accessibles dans votre espace de travail.
Les écrans générés sont des points de départ. Testez-les avec du contenu réel, au clavier, sur petit écran et auprès des personnes qui les utiliseront. Une présentation soignée ne prouve pas que l’interface est facile à utiliser.
Comment utiliser cette collection
Choisissez la tâche la plus proche de votre travail. Copiez le prompt, remplacez la scène ou le contexte générique par vos informations et conservez les contraintes utiles pour évaluer le résultat. Modifiez une variable à la fois afin d’identifier ce qui s’améliore.
Cette méthode reprend les recommandations du guide de Figma First Draft : fournir un contexte précis et vérifier la réponse, sans supposer qu’un premier résultat soigné est correct.
Prompts pour décrire la tâche
Pour décrire la tâche, précisez l’utilisateur et la décision que l’écran doit aider à prendre.
1. Un écran de paiement mobile
Design a mobile checkout screen for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Un nouvel utilisateur peut-il identifier l’action suivante sans lire une infobulle ?
2. Un ensemble de variantes de composant
Design a component variant set for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Un nouvel utilisateur peut-il identifier l’action suivante sans lire une infobulle ?
3. Un système de cartes de tableau de bord
Design a dashboard card system for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Un nouvel utilisateur peut-il identifier l’action suivante sans lire une infobulle ?
4. Une navigation dans les paramètres
Design a settings navigation for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Un nouvel utilisateur peut-il identifier l’action suivante sans lire une infobulle ?
5. Une section de tarifs adaptative
Design a responsive pricing section for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Un nouvel utilisateur peut-il identifier l’action suivante sans lire une infobulle ?
6. Un formulaire de prise en main
Design an onboarding form for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Un nouvel utilisateur peut-il identifier l’action suivante sans lire une infobulle ?
7. Un panneau de filtres de recherche
Design a search filter panel for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Un nouvel utilisateur peut-il identifier l’action suivante sans lire une infobulle ?
8. Un état vide
Design an empty state for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Un nouvel utilisateur peut-il identifier l’action suivante sans lire une infobulle ?
9. Un en-tête de profil
Design a profile header for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Un nouvel utilisateur peut-il identifier l’action suivante sans lire une infobulle ?
10. Un audit des tokens de design
Design a design token audit for a person who needs to finish one task quickly. State the audience and task you are assuming. Then show the user goal, entry point, essential action and success state in a low-fidelity flow. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Un nouvel utilisateur peut-il identifier l’action suivante sans lire une infobulle ?
Prompts pour concevoir l’écran principal
Pour concevoir l’écran principal, précisez l’utilisateur et la décision que l’écran doit aider à prendre.
11. Un écran de paiement mobile
Design a mobile checkout screen for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez la mise en page sur ordinateur et sur un écran mobile de 360 pixels de large.
12. Un ensemble de variantes de composant
Design a component variant set for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez la mise en page sur ordinateur et sur un écran mobile de 360 pixels de large.
13. Un système de cartes de tableau de bord
Design a dashboard card system for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez la mise en page sur ordinateur et sur un écran mobile de 360 pixels de large.
14. Une navigation dans les paramètres
Design a settings navigation for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez la mise en page sur ordinateur et sur un écran mobile de 360 pixels de large.
15. Une section de tarifs adaptative
Design a responsive pricing section for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez la mise en page sur ordinateur et sur un écran mobile de 360 pixels de large.
16. Un formulaire de prise en main
Design an onboarding form for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez la mise en page sur ordinateur et sur un écran mobile de 360 pixels de large.
17. Un panneau de filtres de recherche
Design a search filter panel for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez la mise en page sur ordinateur et sur un écran mobile de 360 pixels de large.
18. Un état vide
Design an empty state for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez la mise en page sur ordinateur et sur un écran mobile de 360 pixels de large.
19. Un en-tête de profil
Design a profile header for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez la mise en page sur ordinateur et sur un écran mobile de 360 pixels de large.
20. Un audit des tokens de design
Design a design token audit for a person who needs to finish one task quickly. State the audience and task you are assuming. Then use a clear hierarchy, realistic content lengths and one prominent primary action. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez la mise en page sur ordinateur et sur un écran mobile de 360 pixels de large.
Prompts pour gérer les données manquantes
Pour gérer les données manquantes, précisez l’utilisateur et la décision que l’écran doit aider à prendre.
21. Un écran de paiement mobile
Design a mobile checkout screen for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez que l’utilisateur peut reprendre son travail sans perdre les informations saisies.
22. Un ensemble de variantes de composant
Design a component variant set for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez que l’utilisateur peut reprendre son travail sans perdre les informations saisies.
23. Un système de cartes de tableau de bord
Design a dashboard card system for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez que l’utilisateur peut reprendre son travail sans perdre les informations saisies.
24. Une navigation dans les paramètres
Design a settings navigation for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez que l’utilisateur peut reprendre son travail sans perdre les informations saisies.
25. Une section de tarifs adaptative
Design a responsive pricing section for a person who needs to finish one task quickly. State the audience and task you are assuming. Then include empty, loading and error states with recovery actions. Use realistic labels and content lengths, with no invented metrics or testimonials. Describe the information hierarchy, mobile adaptation and next action. Explain one tradeoff and how you would check it with users.Vérification : Vérifiez que l’utilisateur peut reprendre son travail sans perdre les informations saisies.
Que vérifier avant d’utiliser le résultat
Les écrans générés sont des points de départ. Testez-les avec du contenu réel, au clavier, sur petit écran et auprès des personnes qui les utiliseront. Une présentation soignée ne prouve pas que l’interface est facile à utiliser.
Si le résultat ne répond pas à la tâche, raccourcissez le prompt et précisez l’information ou la contrainte manquante. Conservez la version utilisée pour pouvoir reproduire le visuel final ou la modification du code.
Pour aller plus loin
Poursuivre avec un guide associé
Mise en pratique
Votre prochaine étape
Vous avez une question ou une correction?
Contacter Thrive
