Claude Design : notre avis honnête après 5 jours de test

Claude Design en agence web est un outil de prototypage rapide assisté par IA qui accélère de 60 % le cadrage visuel initial en HTML/CSS, tout en nécessitant un design system Figma et une ingénierie Next.js pour un site corporate de €4 500 à €9 000.

Nous l'avons testé pendant cinq jours ouvrés en avril 2026, deux jours après le lancement, sur de vrais briefs de notre agence de création de sites corporate. Nous créons des landing pages, des sites corporate et des portails web, et nous avons cherché à le pousser dans ses retranchements, comme nos clients le font avec nous.

Cette version garde ce que nous avons observé pendant ce test, daté clairement, et corrige ce qui a vieilli depuis, surtout l'accès, les limites d'utilisation et les exports. Chaque fait produit renvoie à sa source Anthropic ou Figma, en français quand elle existe.

Claude Design est le volet visuel de Claude. Anthropic le présente comme un moyen de créer des designs, des prototypes, des slides et des one-pagers avec Claude ; au lancement, il tournait sur Claude Opus 4.7, qu'Anthropic décrivait comme son modèle de vision le plus performant (annonce de lancement). Vous décrivez votre besoin, Claude construit une première version, puis vous l'affinez avec des commentaires en ligne, des modifications directes du texte et des curseurs pour l'espacement, la couleur et la mise en page.

Pour le web, c'est le système de design qui compte le plus. À la configuration, Claude lit votre code et vos fichiers de design, puis construit un ensemble de couleurs, de typographies et de composants que les projets suivants réutilisent automatiquement. Le centre d'aide cite comme sources un dépôt GitHub, des fichiers de design ou Figma, des présentations, des logos et des polices, ainsi qu'une commande /design-sync dans Claude Code qui lit les tokens et les composants directement dans une base de code React (guide du système de design). Les systèmes de design sont encore en bêta.

Ce n'est pas un générateur d'images

Midjourney et Adobe Firefly produisent des images. Claude Design produit une mise en page avec une hiérarchie, des espacements et des composants cohérents entre eux, que vous pouvez parcourir comme un prototype ou exporter en HTML. En avril, c'est la différence qui nous a le plus frappés. Avec un générateur d'images, quelqu'un doit encore reconstruire l'image en vrais composants. Avec Claude Design, le premier jet est déjà l'interface, et cette étape de traduction disparaît.

Nous utilisons toujours Midjourney pour les moodboards et les premières pistes de marque. Firefly, intégré à Creative Cloud, produit des visuels comme des photos produit : un autre métier, qu'on ne compare pas vraiment à Claude Design.

Beaucoup de choses, surtout du côté de l'accès plutôt que du résultat. Quand nous l'avons testé en avril 2026, Claude Design était une preview de recherche réservée aux offres payantes, avec son propre quota hebdomadaire et sa propre adresse, claude.ai/design. En octobre 2026, il fonctionne dans les conversations Claude ordinaires, il est ouvert aux utilisateurs gratuits et partage un seul quota d'utilisation avec le reste de Claude.

• 17 avril 2026. Lancement en preview de recherche d'Anthropic Labs pour les abonnés Pro, Max, Team et Enterprise, sur Claude Opus 4.7. Sur Enterprise, l'outil restait désactivé jusqu'à ce qu'un administrateur l'active (Anthropic).
• 16 septembre 2026. Les notes de version ajoutent designs, présentations et documents à toute conversation et à l'onglet Artifacts : les artefacts, dont Claude Design, Claude Slides et Claude Docs, deviennent disponibles sur toutes les offres (notes de version). Les présentations ont désormais leur propre outil, Claude Slides (guide d'administration).
• Utilisation. Claude Design avait son propre quota hebdomadaire. Il est désormais décompté des mêmes limites que le reste de Claude, Claude Code compris (centre d'aide).
• Exports et intégrations. L'annonce de lancement citait Canva, PDF, PPTX et HTML autonome. Le centre d'aide ajoute aujourd'hui le téléchargement ZIP, Google Slides, deux voies de transfert vers Claude Code et 15 outils partenaires : Adobe Experience Manager, Adobe for Creativity, Adobe Journey Optimizer, Base44, Canva, Gamma, HubSpot, Hyperframes, Lovable, Miro, Netlify, Replit, v0, Vercel et Wix.
• 15 octobre 2026. Design, Slides et Docs s'activent par défaut sur les offres Enterprise. Les propriétaires peuvent les activer plus tôt ou les désactiver avant cette date (guide d'administration des artefacts).
• 14 décembre 2026. Le site autonome claude.ai/design ferme. Les projets existants y restent jusque-là, et jusqu'à 60 d'entre eux apparaissent aussi dans l'onglet Artifacts.

Deux manques restent signalés par le centre d'aide : pas d'historique des versions, et une édition à plusieurs basique, pas toujours fiable. Pour les projets réglementés, le guide d'administration des artefacts indique que Claude Design ne prend pas en charge, pour l'instant, les exigences de résidence des données et n'est pas couvert par le BAA d'Anthropic : les données de santé protégées doivent donc rester en dehors.

Vous n'avez plus besoin d'un site à part. Selon le centre d'aide d'Anthropic, vous pouvez demander un design à Claude dans n'importe quelle conversation, ou choisir Output > Design dans la zone de message. Vous pouvez aussi partir d'un modèle Design dans l'onglet Artifacts, lancer /design dans Claude Code ou modifier vos designs dans les applications iOS et Android. Le site claude.ai/design reste accessible jusqu'au 14 décembre 2026, et Anthropic demande de migrer vos systèmes de design d'ici là (centre d'aide).

La méthode de travail reste celle que nous avons apprise en avril. Rédigez un brief, pas un prompt : qui est l'audience, ce qu'elle croit déjà, ce que vous attendez d'elle. Laissez Claude générer, contestez la première structure au lieu de l'accepter, puis régénérez en écrivant votre désaccord dans le brief. La qualité du résultat suit presque exactement celle du brief.

Construisez d'abord le système de design, depuis un dépôt ou vos fichiers de marque, pour que chaque projet démarre aux couleurs de la marque. Décidez ensuite où le travail doit aboutir : vous pouvez l'exporter (ZIP, PDF, PPTX, Google Slides ou HTML autonome), l'envoyer vers un outil partenaire ou le confier à Claude Code avec "Send to local coding agent" ou "Send to Claude Code Web". Depuis Claude Code, /design peut importer un design dans votre base de code, exporter du code en prototype interactif ou laisser Claude tout construire. Le tutoriel d'Anthropic sur Claude Design pour les prototypes et l'UX (en anglais) détaille le cas du design produit.

Claude Design n'a pas de prix propre. Il est inclus dans toutes les offres Claude, gratuite comprise, et le travail de design puise dans les mêmes limites d'utilisation que le chat et Claude Code (centre d'aide). La question pratique est donc de savoir quelle offre vous laisse assez de marge. Sur la page des tarifs d'Anthropic en octobre 2026, Pro coûte €20 par mois (€17 par mois en facturation annuelle), Max démarre à €100 par mois et un siège Team Standard coûte €25 par mois (€20 en annuel).

Anthropic affiche ces prix en dollars, y compris sur sa page en français, hors taxes applicables. Les gros projets, avec beaucoup de code ou d'itérations, consomment davantage. Une fois les limites atteintes, Claude Design reste indisponible jusqu'à leur réinitialisation, sauf crédits d'utilisation activés. Sur Team et Enterprise par siège, l'usage est décompté des limites de chaque siège et les administrateurs peuvent acheter des crédits. Les offres Enterprise à l'usage sont facturées au tarif API, avec des plafonds de dépense par organisation, groupe et utilisateur (guide d'administration des artefacts).

L'accès gratuit suffit pour essayer l'outil et vous faire votre propre avis. Qu'il porte un projet complet dépend du nombre d'itérations. Pour une entreprise qui achète un site, l'abonnement est rarement le chiffre qui compte : face à un site corporate à €4 500, €20 par mois relèvent de l'arrondi.

Nous avons commencé le 19 avril 2026, deux jours après le lancement, et utilisé Claude Design pendant cinq jours ouvrés sur du vrai travail, pas dans un bac à sable. Cinq designers y ont fait passer environ six briefs clients : des landing pages dans des secteurs que nous connaissons bien (fintech, logistique, santé), des systèmes de composants UI, des architectures de navigation, des fondations de système de design et des pistes d'identité de marque. Générer, évaluer, contester, régénérer, jusqu'à ce que quelqu'un ait faim.

Ce que nous avons testé

Les landing pages d'abord, parce qu'elles montrent le plus nettement si un outil réfléchit vraiment. Une bonne landing page n'est pas belle par hasard : elle s'organise autour d'une suite de choses que le visiteur doit croire avant d'agir, et Claude Design raisonnait sur cette suite. La première fois que nous l'avons vu structurer différemment une page pour du trafic froid et pour du trafic chaud, à partir du même brief produit et sans qu'on le lui demande, la salle s'est tue une seconde.

Puis les composants UI : bibliothèques, visualisation de données, formulaires, navigation. La cohérence dans une même session dépassait nos attentes : tout semblait sortir d'un seul système, pas d'une pile de tableaux Pinterest.

Le cinquième jour comparé au premier

Le premier jour, nous cherchions ce qu'il ne savait pas faire. Le cinquième, nous le dirigions : nous savions écrire un brief qui rend le premier jet déjà proche du but, contester sans l'embrouiller et utiliser les contraintes pour accélérer.

D'après notre estimation approximative de l'époque, le passage du brief à un premier wireframe avec une architecture de l'information complète prenait 45% à 60% de temps en moins qu'avec notre workflow uniquement sous Figma. Prenez ce chiffre comme une estimation sur cinq jours par une seule équipe, pas comme une mesure contrôlée.

La plupart des outils d'IA que nous utilisons accélèrent une tâche sans toucher à la réflexion. En avril, Claude Design se distinguait sur quatre points : il raisonnait sur la structure, contestait les mauvais briefs, changeait de direction en quelques minutes et gardait une session cohérente. Il a aussi des limites, surtout celles qu'Anthropic documente elle-même.

Le raisonnement structurel

Demandez une landing page SaaS pour une audience qui n'a jamais entendu parler de la catégorie de produit : il place la pédagogie avant la preuve sociale. Demandez le même produit pour des gens qui connaissent déjà la catégorie, et la structure se réorganise. Il se comportait moins comme un outil visuel doté d'une fenêtre de chat que comme un outil de design thinking qui se trouve produire des visuels.

Il conteste vraiment

Plus d'une fois, Claude Design a signalé que notre brief était ambigu ou contradictoire avant de générer quoi que ce soit. Il posait la question au lieu d'échouer, comme un designer senior, ce qui n'est pas toujours bienvenu quand on est pressé. Les résultats s'amélioraient chaque fois que nous prenions le temps de répondre. Agaçant, et juste.

Vitesse d'itération et cohérence

Changer de direction ne consistait plus à déplacer des éléments : nous réécrivions le brief et une nouvelle mise en page en découlait. Dans une session, les composants partageaient typographie, espacements et schémas d'interaction. Cette cohérence est l'une des parties les plus laborieuses de notre travail, et la voir gérée sans surveillance constante était nouveau.

Où il s'arrête

Le centre d'aide ne mentionne pas encore d'historique des versions et seulement une édition à plusieurs basique (centre d'aide). Les systèmes de design sont en bêta, ceux qui ont été migrés peuvent demander un peu de nettoyage, et les aperçus de composants en direct ne sont pas accessibles avec la touche Tab, donc pas utilisables au clavier (guide du système de design). Ce dernier point compte si une revue d'accessibilité fait partie de votre processus. Et le résultat ne vaut que ce que vaut le brief : Claude Design produira une structure crédible pour un mauvais brief aussi volontiers que pour un bon.

Au bout de cinq jours, nous n'avions pas vu le plafond, et nous l'avions dit à l'époque. Nous n'avions pas mis Claude Design à l'épreuve sur nos travaux les plus durs : la découverte avec de multiples parties prenantes, les grandes architectures de portail ou les systèmes de marque qui doivent tenir sur 12 points de contact différents. Tout ce que nous avons fait restait exploratoire au regard d'une vraie mission client. Lisez donc nos observations d'avril comme les premières impressions d'une seule équipe.

Nous n'avons ni mené ni publié de second test depuis. Nous pouvons en revanche décrire la place de Claude Design dans notre processus, telle que notre guide du processus la présente. Sur un site corporate, le lead UX valide l'architecture de l'information pendant que Claude Design génère trois à cinq structures candidates pour la mettre à l'épreuve. Sur une landing page, il propose trois à cinq directions UX et un designer senior en retient une. Chaque livrable généré par l'IA passe entre les mains d'un designer senior avant de sortir de chez nous.

Claude Design et Figma partent d'extrémités opposées. Dans Figma Design, une personne prend chaque décision visuelle, aidée par l'IA de Figma dans le fichier. Claude Design part d'un objectif et de contraintes, et génère d'abord la structure. L'outil à base de prompts de Figma, Figma Make, est la comparaison la plus proche : il transforme des prompts et des designs Figma existants en prototypes interactifs et en applications web au code modifiable (centre d'aide Figma).

Nous aimons Figma, qui a changé en profondeur le design collaboratif. Le tableau compare les deux outils uniquement sur ce que chaque éditeur publie, d'après le centre d'aide et la page des tarifs d'Anthropic, et le centre d'aide et la page des tarifs de Figma (prix Figma en dollars).

Est-ce le moment Nokia de Figma ?

En avril, je comparais Figma et Adobe à Nokia et BlackBerry : des entreprises excellentes, dont les avantages appartenaient à l'ancienne façon de travailler. En octobre, je serais plus prudent. L'avantage de Figma, c'est que tous les designers le connaissent et que chaque transmission passe par lui ; il ne s'affaiblit que si le travail en amont cesse de commencer dans un fichier Figma. Et Figma a déjà son propre outil à base de prompts avec Make, ce que l'analogie oubliait. Quelle part de la mise en page passera dans des outils comme Claude Design ? Personne ne le sait encore, nous compris.

Adobe est désormais une destination d'export

La position d'Adobe a changé depuis avril. Firefly génère toujours des images plutôt qu'une structure d'interface, mais Adobe Experience Manager, Adobe for Creativity et Adobe Journey Optimizer figurent désormais dans la liste des outils partenaires de Claude Design (centre d'aide). Pour l'instant, Adobe est l'un des endroits où l'on envoie le travail fait dans Claude Design.

Claude Design convient à ceux qui veulent voir une idée avant d'y engager de l'argent, et aux équipes qui ont déjà un système de design ou une base de code qu'il peut lire. Il convient moins là où ses limites documentées se font sentir : données réglementées, résidence des données, besoin d'un historique des versions ou d'édition à plusieurs. Cette répartition s'appuie sur notre test d'avril et sur la documentation d'Anthropic.

Bon choix

• Les fondateurs et marketeurs qui veulent un concept auquel réagir, un modèle interne ou trois pistes à comparer avant de briefer qui que ce soit. L'offre gratuite suffit pour essayer.
• Les équipes produit avec une base de code React, puisque /design-sync lit directement les tokens et les composants.
• Les designers qui veulent vite plusieurs pistes de mise en page pour passer leur temps à choisir.
• Les équipes qui publient déjà via Canva, Lovable, v0, Vercel ou Wix et veulent un transfert direct.

Mauvais choix

• Les acteurs de la santé et tous ceux qui traitent des données de santé protégées, car Claude Design n'est pas couvert par le BAA d'Anthropic.
• Les organisations soumises à des exigences de résidence des données, que Claude Design ne prend pas en charge pour l'instant.
• Les équipes qui ont besoin d'un historique des versions, ou de plusieurs personnes modifiant le même design en même temps de façon fiable.
• Quiconque veut un site fini, qui génère du chiffre d'affaires, sans qu'une personne vérifie que la structure convient à son audience.

Et le RGPD pour une agence européenne ?

Si vous travaillez avec des données de clients européens, voici ce qu'Anthropic publie. Pour les offres commerciales comme Claude Enterprise et l'API, son centre de confidentialité indique que les données sont stockées aux États-Unis, même si le trafic peut transiter par des pays d'Europe (centre de confidentialité). Le DPA d'Anthropic fait partie des Commercial Terms et intègre les clauses contractuelles types de l'UE ; les offres Free, Pro et Max sont des produits grand public régis par leurs propres conditions. Avant de mettre des données personnelles dans un brief, vérifiez quel contrat couvre votre compte et faites relire le DPA par votre DPO.

Non, et nous traitons la question plus large dans un article à part sur l'IA face aux webdesigners humains. En bref, notre test d'avril montre que Claude Design compresse l'exécution : le premier jet de mise en page, les itérations, les variantes de composants. Ce qui prend de la valeur, c'est le jugement. Cette structure répond-elle au problème de cette entreprise ? Le brief est-il faux ? Qu'est-ce que les parties prenantes n'ont jamais écrit ?

Ceux qui vont souffrir sont les designers dont l'identité professionnelle repose sur la vitesse de production, et je le dis avec sympathie : le secteur leur a répété pendant des années que la vitesse était le métier. Ceux qui s'en sortent bien s'en servent comme d'un levier pour leur propre travail : ils écrivent des briefs plus solides, relisent plus vite et consacrent leur énergie à la logique de conversion et à la hiérarchie de l'information.

La plupart des lecteurs de cet avis ne sont pas designers : ils dirigent une entreprise, ont besoin d'un site et veulent savoir si Claude Design change ce qu'ils doivent payer ou qui engager. Il change qui produit le premier jet. Il ne change pas qui doit avoir raison sur votre audience, votre offre et vos chiffres, et c'est toujours là que se trouvent l'essentiel du coût et de la valeur d'un site.

Ce qui change pour l'acheteur

Vous voyez tôt de vraies options de mise en page, quand changer de direction coûte encore peu. Nos délais publiés sont de 5 à 10 jours ouvrés pour une landing page, 2 à 4 semaines pour un site corporate et 6 à 8 semaines pour un portail, ou 8 à 12 semaines en cas de fortes exigences de conformité (calendrier de développement d'un site web). Vous pouvez aussi refuser le workflow assisté par l'IA : un site corporate multilingue entièrement fait à la main passe de 4 à 8 semaines à 8 à 14 semaines et coûte environ 25% de plus.

Ce qui ne change pas

Qui décide. Claude Design produira une structure crédible pour n'importe quel brief, y compris un brief faux. Il ne peut pas savoir que vos visiteurs les plus rentables arrivent d'une page comparative et veulent les prix d'abord, ou que votre équipe commerciale bute toujours sur une objection qui a sa place dans la section hero. Ces choix font qu'un site rapporte ou non, et ils viennent d'une personne qui a lu vos chiffres. Notre processus de création de site web place cette lecture avant toute génération.

Comment savoir de quoi vous avez besoin

Essayez d'abord l'outil vous-même. Si vous voulez un concept auquel réagir, un modèle interne ou trois pistes à comparer avant d'engager un budget, Claude Design seul suffit, et payer une agence pour cette étape serait du gaspillage. Si le site porte du chiffre d'affaires, doit se positionner dans Google ou réunit huit parties prenantes aux avis tranchés, la structure générée est la partie bon marché du travail, comme le montre notre comparatif créateur de site IA ou agence. Nos landing pages démarrent à €1 500, nos sites corporate à €4 500 et nos portails web à €9 000. Ce que couvre vraiment un budget de site web détaille les postes, et la page des tarifs présente les formules.

En avril 2026, après cinq jours, notre verdict était que Claude Design représentait la sortie d'outil de design la plus marquante que nous ayons vue depuis Figma, surtout pour sa façon de raisonner sur la structure. Six mois plus tard, les faits ont évolué en sa faveur pour la plupart des acheteurs : il est inclus dans toutes les offres, fonctionne dans les conversations ordinaires et exporte vers davantage d'outils, Claude Code compris. Les manques signalés par Anthropic (historique des versions, édition à plusieurs, résidence des données) sont réels : confrontez-les à vos besoins.

Figma et Adobe ont l'argent et les talents pour réagir, et Figma a déjà Make. Le travail de mise en page en amont quittera-t-il Figma pour de bon ? Je ne pense pas que quiconque puisse trancher aujourd'hui. Notre réponse est pratique : Claude Design propose, un designer senior décide, et nous faisons de l'IA notre modèle opérationnel sur cette base. Pour juger des sites que produit ce processus, consultez notre portfolio de webdesign.