Discussion

Flux de travail de conception UI avec ChatGPT, V0 et Cursor

De Wikiprompt, l’encyclopédie libre de prompts

Prajwal Tomar
Contribué parPrajwal TomarXSource

29 oct. 2024

Flux de travail de conception UI avec ChatGPT, V0 et Cursor Un flux de travail étape par étape pour créer des conceptions UI sans codage, en utilisant ChatGPT pour la vision, V0 pour la mise en page et Cursor pour l'ajustement fin.

Contenu du PromptEnregistrer

🌐
Traduisez en français. Préservez les espaces réservés VERBATIM [X]/{x}, les noms de marques/modèles, les paramètres (--ar, 85 mm, 4K, 24 fps), les clés/codes JSON et la structure, le texte entre guillemets dans l'image. Conservez la structure 1:1. N'utilisez JAMAIS de tirets cadratins (utilisez « - »). Préservez les diacritiques. Ne fournissez QUE la traduction, sans préambule ni note. --- Commencez par ChatGPT : Décomposez l'ambiance de l'application, la palette de couleurs, le thème et tout le reste. Ne passez pas à V0 tant que la description générée par ChatGPT ne vous satisfait pas. Cela donne une vision solide pour démarrer. Passez à V0 : Avec un plan clair, intégrez-le dans V0. Rassemblez des captures d'écran d'interfaces que vous aimez et déposez-les pour que V0 ait une référence visuelle. Cela permet de démarrer avec une mise en page soignée. Affinez, affinez, affinez : Demandez à V0 de se référer en permanence aux captures d'écran à chaque fois que vous lui donnez une instruction. Comme pour l'entraînement d'un modèle, chaque itération rapproche l'interface de l'idéal visuel. Plus vos consignes sont précises, meilleur est le résultat. Affinez avec Cursor : Une fois la base prête, apportez le code dans Cursor pour des réglages fins, en veillant à ce que chaque détail corresponde à la vision du client.

Connectez-vous pour voir le prompt complet

Continuer avec:

En vous connectant, vous acceptez nos Conditions et Confidentialité

Utilisation

Ce prompt est conçu pour être utilisé avec productivity. Copiez le contenu ci-dessus et collez-le dans votre outil d’IA préféré.

Pour de meilleurs résultats, personnalisez les espaces réservés (indiqués par des crochets ou des majuscules) selon vos besoins.

Références

Catégories :productivity| twitter| ui-design| chatgpt

Discussion