Vous êtes dans Cursor, la mise en page fonctionne enfin et l’écran a encore besoin d’une image principale, d’une illustration d’état vide et d’un jeu d’icônes. La routine habituelle consiste à ouvrir un autre onglet, générer ailleurs, télécharger, renommer et glisser les fichiers dans le projet. Avec le serveur MCP de Picasso IA connecté, vous demandez le visuel dans le même chat qui écrit votre code, et le résultat revient sous forme de fichier que vous pouvez enregistrer dans le projet.
Les visuels provisoires ont l’habitude de survivre jusqu’en production. Un carré gris étiqueté image principale reste des semaines dans la mise en page parce qu’en obtenir une vraie oblige à quitter l’éditeur, et quitter l’éditeur fait perdre le fil de ce que vous construisiez. Générer dans l’éditeur comble cet écart : l’assistant connaît déjà l’écran, le texte et l’ambiance que vous avez décrits, donc le prompt de l’image peut tout réutiliser au lieu de partir d’une zone de texte vide.
MCP, le Model Context Protocol, est un protocole ouvert qui permet à un assistant IA d’appeler des outils externes. Cursor fait partie des clients qui peuvent l’utiliser, et le serveur MCP de Picasso IA est l’un de ces outils : il donne à l’assistant accès à la génération d’images, ainsi qu’à la vidéo, à la voix et plus encore, depuis le même catalogue que celui du toolkit. Ce catalogue compte 502 modèles, dont 212 de texte vers image, ce qui vous permet de choisir le moteur adapté au visuel plutôt que de vous contenter d’un seul style maison. La page de tous les modèles montre ce qu’il contient.
Les crédits fonctionnent comme dans le toolkit. Chaque génération coûte des crédits, le montant dépend du modèle et des réglages, et les nouveaux comptes reçoivent des crédits gratuits pour commencer. Les formules se trouvent sur la page des tarifs. Aucun chiffre n’est cité ici, car le chiffre dépend du modèle que vous choisissez.
Trois éléments entrent en jeu, et les garder séparés rend la configuration plus facile à comprendre. Cursor est le client : il héberge le chat, lit votre projet et décide quand un outil vaut la peine d’être appelé. Le serveur MCP de Picasso IA est le fournisseur de l’outil : il reçoit la demande, lance la génération sur le modèle que vous avez nommé et renvoie le résultat sous forme de fichier que vous pouvez télécharger. Votre compte se trouve derrière, car les crédits sont les vôtres.
L’accès fonctionne avec une clé que vous créez dans votre compte. Traitez-la comme un mot de passe : gardez-la hors du dépôt, des captures d’écran et de tout fichier de configuration que vous publiez, et créez-en une nouvelle si elle fuit un jour. La clé va dans l’entrée du serveur, dans les réglages MCP de Cursor, et non dans le chat, de sorte que l’assistant n’a jamais besoin de la coller où que ce soit.
Une demande produit une génération. Vous demandez une icône, vous obtenez une icône. Vous demandez quatre variantes et l’assistant fait la demande plusieurs fois, ce qui coûte des crédits à chaque fois. Générer prend du temps, plus sur certains modèles que sur d’autres, donc une demande n’est pas une réponse instantanée comme une suggestion de code.
L’assistant choisira un modèle de lui-même si vous le laissez faire, mais en nommer un vous donne la main sur le coût et le rendu. Les modèles d’image diffèrent plus qu’on ne le croit : l’un tient une ambiance photographique, un autre garde des aplats nets, un autre retouche une image existante sans redessiner le reste. Ce tableau est un point de départ, pas un classement, et le toolkit est l’endroit rapide pour tester n’importe lequel avec un prompt avant d’en faire une habitude.
| Visuel | Bon point de départ | Que demander | À vérifier avant de publier |
|---|
| Bannière principale ou de landing | flux-2-pro, seedream-4.5 | Cadrage large, espace calme sur un côté pour le titre | Comment elle se recadre sur la largeur d’un téléphone |
| Icône d’app ou petite marque | flux-2-pro, ideogram-v3-quality | Un objet centré, des formes simples, un fond uni | Si elle reste lisible en petit |
| Icônes vectorielles et marques | recraft-v4-svg | Aplats, une palette, un trait constant | Que le SVG s’ouvre et s’édite proprement |
| Illustration d’état vide ou d’onboarding | seedream-4.5 | Une scène calme aux couleurs de votre marque | Si le style correspond à vos autres écrans |
| Retoucher un visuel existant | nano-banana, qwen-image-edit | Changer une seule chose dans une image importée | Que le reste de l’image n’a pas bougé |
Besoin d’un fond transparent pour un autocollant, une carte ou une maquette en calques ? Générez d’abord, puis passez le résultat dans bria/remove-background lors d’une seconde demande. La page du créateur de PNG transparent détaille cette étape.
Voici le chemin d’un dossier vide à un fichier dans votre projet. Il suppose que vous avez un compte Picasso IA et Cursor ouvert sur un projet qui a besoin d’images.
- Créez une clé dans votre compte. Faites-le dans les réglages de votre compte Picasso IA et rangez-la en lieu sûr, comme un mot de passe. C’est elle qui relie les demandes à vos crédits.
- Ajoutez le serveur MCP de Picasso IA à Cursor. Ouvrez les réglages MCP de Cursor, ajoutez le serveur et collez-y la clé, puis vérifiez que les outils apparaissent comme disponibles dans le chat.
- Décrivez le visuel dans le chat. Indiquez l’écran, la taille ou la forme voulue, la palette et un modèle, par exemple une bannière large dans flux-2-pro avec un espace calme à gauche pour un titre.
- Relisez et enregistrez le résultat. L’image revient sous forme de fichier téléchargeable. Regardez-la à la taille où elle sera réellement affichée, puis enregistrez la bonne dans le dossier d’assets de votre projet.
- Affinez un changement à la fois. Demandez un autre cadrage, une couleur plus calme ou un bord plus net, et passez à un modèle d’édition comme nano-banana quand l’image est bonne sauf pour un détail.
Si vous voulez essayer un prompt avant de connecter quoi que ce soit, le toolkit fait tourner dès aujourd’hui les mêmes modèles. La seule différence est l’endroit où vous écrivez : là-bas c’est un formulaire, ici c’est le chat.
L’assistant écrit des prompts d’image corrects quand vous lui donnez un brief clair, et médiocres quand vous dites fais une image pour la page d’accueil. Ces habitudes sont le cœur du travail.
- Dites où il va vivre: une bannière derrière un titre blanc a besoin de zones calmes et plus sombres, alors qu’une icône sur un bouton a besoin d’une silhouette simple. Donnez l’emplacement à l’assistant et laissez-le le traduire dans le prompt.
- Fixez la palette avec des mots: citez deux ou trois couleurs de vos tokens de design, comme corail chaud et sable, pour que le visuel appartienne à l’app et non au style favori du modèle.
- Demandez des fonds unis pour les petits visuels: les icônes et les marques se réutilisent plus facilement sur un fond plein ou vide que dans une scène chargée qu’il faut ensuite détourer.
- Gardez une phrase de style: conservez une ligne qui décrit votre style visuel et collez-la dans chaque demande, pour que les états vides, les bannières et les icônes se ressemblent.
- Demandez le format dont vous avez besoin: indiquez carré, large ou haut dans la demande, car recadrer une image ensuite supprime la composition que vous avez payée.
Conseil : demandez à l’assistant de vous montrer le prompt exact qu’il a envoyé avant de générer des variantes. Le lire prend dix secondes et révèle souvent pourquoi un résultat a raté sa cible : un mot vague, une couleur manquante ou un emplacement que vous aviez oublié de mentionner.
Générer des images depuis l’éditeur évite des allers-retours, mais cela ne supprime pas les étapes qui demandent encore vos yeux. Soyez au clair sur les limites avant de vous y fier.
Le texte dans les images est la première. Les titres, les libellés de boutons et les logos avec des lettres peuvent revenir mal orthographiés ou déformés, et un modèle comme recraft-v4-svg ou ideogram-v3-quality ne remplace pas le fait de composer le vrai texte dans votre propre fichier de design. Gardez les mots dans le code ou dans votre outil de design et laissez le modèle dessiner l’image autour de l’espace.
La cohérence est la deuxième. Dix icônes générées en dix demandes séparées dériveront en épaisseur de trait et en style. Une phrase de style et des images de référence dans un modèle qui les accepte, flux-2-pro par exemple, réduisent la dérive sans l’effacer, et un jeu qui doit coller parfaitement se retouche mieux à la main.
Le coût et le temps sont la troisième. Chaque demande dépense des crédits et prend le temps dont le modèle a besoin, donc une boucle de vingt essais est une décision, pas un réglage gratuit par défaut. Faites vos prototypes dans le toolkit, puis fixez un modèle avant de demander un lot à l’assistant.
Enfin, les résultats demandent une relecture. Vérifiez ce que montre toute image avec un visage, une marque déposée ou une affirmation sur un produit, et contrôlez la licence et les règles de plateforme qui s’appliquent à l’app que vous publiez. Cette page décrit une façon de produire l’image, pas une garantie qu’elle est prête à être publiée.
Puis-je générer des images dans Cursor ?
Oui, via MCP. Le serveur MCP de Picasso IA donne à un client compatible MCP comme Cursor l’accès à la génération d’images : vous demandez une image dans le chat et le résultat revient sous forme de fichier que vous pouvez enregistrer dans votre projet. Il utilise les mêmes modèles et les mêmes crédits que le toolkit, donc rien dans le catalogue ne diffère de ce que vous voyez sur le site.
Qu’est-ce que MCP et pourquoi Cursor en a-t-il besoin ?
MCP, le Model Context Protocol, est un protocole ouvert qui permet à un assistant IA d’appeler des outils externes. Cursor ne génère pas d’images par lui-même, donc un serveur MCP est le moyen d’atteindre un service qui le fait. Une fois le serveur ajouté dans les réglages MCP de Cursor, l’assistant peut décider de l’appeler quand votre demande nécessite une image et vous montrer dans la conversation ce qui est revenu.
Ai-je besoin d’une clé d’API ?
Oui. L’accès fonctionne avec une clé que vous créez dans votre compte, et vous devez la traiter comme un mot de passe : ne la publiez jamais dans le dépôt, ne la collez jamais dans un chat public ou une capture d’écran, et remplacez-la si elle fuit. La clé relie chaque demande à vos crédits. Dans le toolkit, vous travaillez simplement depuis l’application web, connecté à votre compte.
Quels modèles puis-je utiliser pour les visuels d’app ?
Le même catalogue que le toolkit : 502 modèles au total, dont 212 de texte vers image. Pour le travail sur les apps, les groupes utiles sont les modèles d’image généralistes comme flux-2-pro et seedream-4.5, la sortie vectorielle avec recraft-v4-svg et les modèles d’édition comme nano-banana et qwen-image-edit. Vous pouvez les comparer sur la page de tous les modèles et nommer celui que vous voulez dans votre demande.
Combien cela coûte-t-il ?
Chaque génération coûte des crédits, et leur nombre dépend du modèle et des réglages que vous choisissez, donc aucun chiffre unique ne s’applique. Les nouveaux comptes reçoivent des crédits gratuits pour commencer, ce qui suffit pour voir si un modèle convient à votre visuel. Les formules actuelles sont indiquées sur la page des tarifs, le seul endroit fiable pour les chiffres. Les modèles les moins chers sont un bon choix tant que vous itérez sur un prompt.
Est-ce la même chose que générer sur le site ?
Les modèles et les crédits sont les mêmes. Ce qui change, c’est l’endroit où vous travaillez : au lieu de remplir un formulaire dans le toolkit, vous décrivez le visuel dans le chat de Cursor et l’assistant fait la demande à votre place. Beaucoup de gens testent d’abord un prompt dans le toolkit, parce qu’on y voit tous les réglages à la fois, puis réutilisent la formulation dans l’éditeur une fois qu’elle fonctionne.
Peut-il créer des icônes et des logos en SVG ?
Il peut les demander à un modèle vectoriel. recraft-v4-svg produit des fichiers SVG aux tracés modifiables, le bon point de départ pour des icônes en aplats et des marques simples. Traitez le résultat comme un brouillon : ouvrez-le dans un éditeur vectoriel, vérifiez que les tracés sont propres et que les formes sont cohérentes sur tout le jeu, et corrigez ce qu’un designer corrigerait avant de le mettre dans un produit.
Les images correspondront-elles au style de mon app ?
Seulement si vous dites à l’assistant quel est ce style. Nommez votre palette, décrivez le rendu en une phrase et réutilisez cette phrase dans chaque demande. Les images de référence aident sur les modèles qui les acceptent. Même ainsi, des demandes séparées dérivent un peu, donc comparez un nouveau visuel à vos écrans existants avant de l’intégrer au projet.
Puis-je mettre du texte ou mon logo dans l’image générée ?
C’est risqué. Les modèles d’image peuvent mal orthographier les mots et déformer les lettres, et ils ne connaissent pas votre vrai logo. Laissez de la place dans l’image et composez le texte dans votre propre design ou dans le code. Si vous avez besoin de votre vraie marque dans une scène, ajoutez-la ensuite dans votre outil de design plutôt que de demander au modèle de la dessiner.
Puis-je essayer avant de connecter le serveur MCP ?
Oui, les mêmes modèles fonctionnent dès aujourd’hui dans le toolkit, vous pouvez donc y tester n’importe quel prompt et n’importe quel modèle dès maintenant. Le serveur MCP est la façon de les atteindre depuis l’éditeur, et cette page le décrit en termes généraux. Pour toute question sur la configuration ou l’accès, écrivez au support, qui vous indiquera ce qui est en vigueur.
Envie d’essayer un prompt avant de connecter quoi que ce soit ? Ouvrez le toolkit et testez-le sur les mêmes modèles, ou demandez au support comment faire tourner le serveur MCP dans Cursor.