Outil Image
Alignez-vous sur les visuels avec l'IA avant de développer, puis générez et enregistrez des images produit directement dans votre base de code
L'outil Image vous permet d'intégrer les images dans le processus de création d'un produit. Utilisez-le pour vous aligner sur une direction de design avec l'IA avant même d'écrire du code, générez plusieurs variations et choisissez celle qui convient, puis produisez les images et assets finaux dont votre projet a besoin. Chaque image est enregistrée dans votre dépôt sous une catégorie pertinente, afin que les visuels restent à proximité du code qui les utilise.
En quoi l'outil Image peut aider
- S'aligner sur le design avant de développer. Co-créez des maquettes de référence avec l'IA afin que vous et votre équipe soyez d'accord sur la direction visuelle avant le début de l'implémentation.
- Générer plusieurs versions, puis choisir. Demandez plusieurs variations d'un même prompt et comparez-les côte à côte plutôt que de vous engager sur le premier résultat.
- Produire des images et assets produit. Une fois la direction validée, transformez la même conversation en source d'icônes, d'images hero, d'illustrations, de cartes OG et de visuels marketing.
- Enregistrer dans votre base de code, de façon organisée. Verdent enregistre chaque image générée dans votre dépôt sous un dossier catégorisé, afin de conserver une gestion propre sur le long terme.
Comment l'utiliser
Décrivez ce que vous voulez
Dans le chat, indiquez à Verdent quelle image vous souhaitez — par exemple « Propose trois options d'illustration hero pour la page tarifs, style flat, palette bleu/violet. » Vous pouvez joindre des images de référence, des captures d'écran ou un logo existant pour que l'IA s'en inspire.
Générez des variations et alignez-vous
Verdent renvoie plusieurs versions côte à côte. Comparez la composition, la palette et le ton. Itérez en demandant des ajustements — « garde la n°2 mais éclaircis le fond » — jusqu'à ce que vous et l'équipe soyez alignés sur une direction.
Validez la direction, générez les assets
Une fois le gagnant choisi, réutilisez-le comme référence pour générer l'ensemble des images produit : icônes d'application, bannières, illustrations in-app, images OG, visuels sociaux. Le style reste cohérent sur l'ensemble.
Enregistrez dans la base de code
Confirmez ou modifiez l'emplacement d'enregistrement. Verdent écrit l'image dans votre dépôt sous un dossier catégorisé afin qu'elle soit livrée avec votre code et reste versionnée.
Vous n'avez pas besoin d'ouvrir un panneau séparé. Demandez simplement une image dans le chat — Verdent achemine automatiquement la demande via l'outil Image.
Enregistrement et organisation
L'outil Image enregistre les images générées directement dans votre projet, et non dans une galerie opaque. Verdent déduit la catégorie à partir de votre prompt et choisit un dossier de destination, afin que les assets restent faciles à retrouver et à gérer dans le temps.
Structure par défaut
your-project/
└── assets/
└── images/
├── drafts/ # Early alignment drafts and explorations
├── icons/ # Product icons and glyphs
├── illustrations/ # In-app illustrations and empty states
├── marketing/ # Social, ads, OG images
└── references/ # Uploaded reference images- Catégorisation automatique. Verdent déduit la catégorie à partir de votre prompt — par exemple, « icône d'application pour… » →
icons/, « hero de landing… » →marketing/. - Substitution par génération. Indiquez un chemin explicitement — « enregistre dans
public/og/» — et Verdent le respecte. - Versionné. Les images enregistrées sont des fichiers ordinaires de votre dépôt : commitez-les, comparez leurs diffs et révisez-les comme n'importe quel autre asset.
- Réouvrable. Chaque image enregistrée conserve le prompt et les réglages utilisés pour la créer, afin que vous puissiez reprendre la même direction plus tard.
Vous voulez un dossier par défaut différent pour un projet ? Indiquez-le une fois à Verdent — « enregistre désormais toutes les images sous src/assets/img/ » — et il s'en souviendra pour les prochaines générations.
Astuces
Alignez-vous avant de générer à grande échelle. Une courte série de 3 à 4 brouillons en amont évite beaucoup de retouches une fois que vous commencez à produire l'ensemble complet des assets.
Réutilisez le gagnant comme référence. Réinjecter le brouillon validé comme référence maintient chaque nouvel asset visuellement cohérent avec celui-ci.
Soyez précis sur la taille et le cas d'usage. « Icône d'application 1024×1024, fond transparent, style flat » donne des résultats bien meilleurs que « une icône ».
Pour aller plus loin
Démarrage rapide
Ajoutez un projet et essayez votre premier prompt d'image
Mémoire
Apprenez à Verdent le style de votre marque afin que les images générées restent cohérentes avec celle-ci
Skills
Étendez l'outil Image avec des flux de travail d'image personnalisés
Intégrations d'outils
Connectez le reste de votre stack à Verdent