5 min

6

Fini les images IA cheap : Claude pilote Canva et Figma

Pour produire des visuels propres sans image générée par IA, je connecte Claude à un outil de design (Figma ou Canva) avec un connecteur MCP. Claude dessine dans l’outil, avec mes couleurs, mes textes exacts et le bon format. Je retouche si besoin, puis j’exporte. Pas de prompt d’image, pas de loterie.

Pourquoi je n’utilise plus d’images IA

Une image générée avec un prompt approximatif se repère vite : texte déformé, objets presque justes, rendu lisse de banque d’images. Sur un site de SaaS, c’est un mauvais signal. Un outil qui vend de la fiabilité ne peut pas illustrer ses pages avec des visuels qui sentent le bricolage. C’est mon avis, pas une étude, mais je le vois chez les autres comme chez moi.

Il y a aussi un problème concret : les chiffres. Sur une infographie de chiffres clés, un « 47 % » mal rendu est une erreur publiée. Ma règle : pas d’image générative pour tout ce qui contient du texte ou un chiffre. Reste à produire ces visuels vite, sans passer une journée dans un outil de design.

L’idée : Claude dessine dans l’outil

Un connecteur MCP donne à Claude la main sur Figma ou Canva. Je n’écris plus un prompt d’image mais un cahier des charges : contenu exact, couleurs en hexadécimal, format, emplacement de chaque élément. Claude crée les textes et les formes, importe le logo, vérifie le rendu avec une capture, corrige, puis exporte. Le résultat reste modifiable à la main dans l’outil.

Essai 1 : Figma, très rapide

Pour un guide Black Friday, il me fallait six visuels : chiffres clés, calendrier, séquence de trois e-mails, SMS, objet et préheader, heatmap illustrative. Avec Figma, Claude les a créés en moins de six minutes, export haute définition et conversion en WebP compris. Les maquettes d’e-mails et de SMS utilisent une marque fictive (« Maison Lumen »), pour ne montrer aucun vrai destinataire.

Trois maquettes d'e-mails de la marque fictive Maison Lumen : teaser, lancement du Black Friday et dernière chance, créées dans Figma par Claude.

Figma travaille par code : Claude exécute du JavaScript sur l’API de plugins, donc la mise en page est précise dès le premier jet. Seul accroc : un emoji de SMS ne s’affichait pas avec la police utilisée, corrigé au passage.

Le mur : la limite d’appels du plan gratuit

Je dépose ensuite les photos et le logo dans le fichier et je demande à Claude de les intégrer. Réponse de Figma : la limite d’appels du connecteur est atteinte sur le plan Starter. Plus rien n’est possible, pas même une lecture. J’avais consommé une vingtaine d’appels, et le message ne dit pas quand le compteur repart. La documentation de Figma détaille les limites selon le plan.

Repli ce jour-là : insérer les photos et le logo en local, directement dans les PNG exportés. Ça fonctionne, mais le fichier Figma n’est plus à jour. Ma leçon : avec une offre gratuite, un connecteur est un budget d’appels. Je regroupe les opérations et je garde de la marge pour les retouches, parce que c’est là que le mur est arrivé.

Essai 2 : Canva, avec l’abonnement

Le jour même, je passe sur Canva, où j’ai un abonnement. Test sur la frise du calendrier : six minutes aussi, mais avec plus de frottements.

  • Le format demandé n’est pas respecté (une story 1080×1920 au lieu de 1080×1350), et le redimensionnement automatique casse la mise en page : Claude a replacé une quarantaine d’éléments un par un.
  • Le fond généré laisse des traces floues : je le remplace par un aplat de la couleur de la marque.
  • Le bleu de la marque est approximatif et un séparateur s’affiche en carré noir : à corriger à la main.
  • Pas de dégradés, pas d’ombres portées, pas de mise en page automatique.
Mosaïque de maquettes d'e-mails Black Friday de marques fictives (Lumen, Oslo, Koru, Hélios, Verde), sur fond sombre.

Depuis, la méthode s’est stabilisée :

  • créer directement une page aux dimensions exactes, au lieu de redimensionner ;
  • récupérer polices, couleurs et logo dans le Brand Kit ;
  • rendre les e-mails et les SMS en HTML avec un navigateur sans interface, puis les importer comme images, pour des maquettes réalistes ;
  • exporter en PNG, puis convertir en WebP sous 150 Ko.

Deux garde-fous à connaître. Canva exige que je valide un aperçu avant chaque enregistrement. Et une session restée inactive perd les modifications non enregistrées : c’est arrivé une fois, deux visuels à refaire. Je valide donc dès qu’une série est terminée.

Figma ou Canva ?

Figma (plan Starter) Canva (abonnement)
Vitesse 6 visuels en moins de 6 minutes 1 visuel en 6 minutes, avec corrections
Précision Mise en page par code, polices libres Tout positionné à la main, police via le Brand Kit
Rendu Dégradés et ombres possibles Ni dégradés ni ombres
Limite Quota d’appels atteint en une session Aperçu à valider, session qui expire
Marque Polices maison à installer Brand Kit centralisé

Figma m’a semblé nettement plus rapide et plus précis, mais un plan limité s’arrête en pleine production. Canva est plus lent et plus rigide, mais il ne s’arrête pas : c’est lui que j’utilise au quotidien. Je n’ai pas testé Figma avec un plan payant, la comparaison pourrait y changer.

Ma méthode aujourd’hui

  • Tout visuel qui contient du texte ou des chiffres passe par un outil de design piloté par Claude, jamais par une image générée.
  • Les maquettes d’e-mails et de SMS sont du HTML rendu en local, puis importé.
  • Tout ce qui montre un produit est une vraie capture, anonymisée si besoin.
  • Chaque infographie existe en deux formats : horizontal pour les réseaux, vertical (1080×1350) pour l’article.

À retenir

Le gain ne vient pas de l’IA qui invente l’image, mais de l’IA qui exécute un brief précis dans un outil que je maîtrise déjà. Le résultat est exact, aux couleurs de la marque et modifiable. Avec un plan gratuit, comptez vos appels ; avec un abonnement, validez vos aperçus sans traîner.

À lire aussi

1 URLDes skills plutôt que des prompts34Les règles que mon agent IA a apprises en se trompant2Copilot ou Claude pour un chef de projet marketing ?