Claude Design est né d'une réponse pragmatique à un changement inconfortable au sein d'Anthropic.
Claude Design est né d'une réponse pragmatique à un changement inconfortable au sein d'Anthropic.
À l'automne 2025, le designer produit Nate Parrott était le seul designer à travailler aux côtés de deux ingénieurs sur le développement de l'extension Visual Studio Code, Claude Code. Leur objectif était d'intégrer les fonctionnalités terminal de Claude Code dans une interface graphique, permettant aux utilisateurs ordinaires de comprendre et d'utiliser plus facilement l'outil.
L'équipe a publié une version bêta fin septembre. Puis, Claude Opus 4.5 est sorti en novembre, et les ingénieurs autour de Parrott ont commencé à livrer des résultats à un rythme sans précédent.
Mais son propre processus de conception n'a pas accéléré à la même vitesse.
Plutôt que d'attendre un rééquilibrage du flux de travail, Parrott a utilisé son temps libre pour construire un petit outil l'aidant à suivre le rythme. Ce projet parallèle est devenu Claude Design — un produit d'Anthropic Labs qui a été utilisé par plus d'un million de personnes dès sa première semaine de lancement.
Cette histoire ne parle pas seulement du succès d'un produit de design IA. Elle montre comment, d'un côté, l'IA accélère certains maillons d'une équipe avant les autres, créant de nouveaux goulots d'étranglement ; de l'autre, comment les personnes affectées par ce déséquilibre utilisent la même technologie pour repenser leur façon de travailler.
L'équipe initiale était très petite : deux ingénieurs et un designer produit.
Avant la sortie d'Opus 4.5, leur rythme de travail était globalement synchrone. L'ingénierie et le design pouvaient avancer ensemble sur une fonctionnalité, sans qu'une fonction ne prenne constamment l'avantage sur l'autre.
Une fois le nouveau modèle en ligne, cet équilibre a été brisé.
Les ingénieurs pouvaient utiliser Claude Code pour implémenter, tester, modifier et livrer davantage de travail. Parrott, quant à lui, concevait encore à peu près au même rythme qu'avant, ce qui a fait du design le maillon le plus lent du processus.
Cela révèle un impact plus large des applications d'IA.
L'IA n'améliore pas chaque rôle de la même manière ni en même temps. Une entreprise peut voir une accélération de l'implémentation logicielle, mais la stratégie produit, les revues de design, les approbations juridiques, le contenu, les tests ou le support client restent inchangés.
Le résultat n'est pas toujours un remplacement immédiat de poste. Le plus souvent, le premier impact est un décalage entre des flux de travail interdépendants.
Lorsque la vitesse d'ingénierie augmente, le reste de l'organisation doit répondre à de nouvelles questions :
La réponse de Parrott a été de créer un outil pour le maillon devenu un goulot d'étranglement dans le processus.
Claude Code étant principalement textuel, Parrott l'a d'abord envisagé comme
un moyen de traiter le design comme une autre tâche textuelle.
Il copiait la sortie du terminal dans Claude, ajoutait des captures d'écran de l'interface, décrivait la fonctionnalité et demandait au modèle de concevoir.
Les résultats étaient décevants.
Le problème n'était pas que Claude manquait de capacités visuelles ou de codage. La requête n'offrait au modèle aucun moyen puissant d'exprimer, tester et modifier des idées visuelles.
Une description de design dans un chat reste une simple description. Elle ne peut pas être cliquée, redimensionnée, animée, ni vécue comme un flux interactif.
Parrott a expérimenté ce projet parallèle pendant environ un mois. Le tournant est survenu lorsqu'il a cessé de demander à Claude de générer abstraitement "un design", mais lui a plutôt demandé de créer du HTML.
Le HTML est souvent considéré comme le format des sites web, mais Parrott a reconnu qu'il pouvait servir de vaste médium visuel et interactif.
Une page web peut contenir :
Cela fait du HTML un pont utile entre la conversation et le travail visuel.
Parrott a créé une interface à écran partagé :
Lorsqu'un utilisateur décrit un changement, Claude met à jour la page sous-jacente et le résultat s'affiche sur le canevas.
C'était plus utile que de générer des images statiques, car la sortie pouvait fonctionner comme un produit. Les boutons fonctionnaient, les transitions s'exécutaient, les prototypes pouvaient contenir plusieurs états sans avoir à dessiner et lier manuellement chaque écran.
Un prototype techniquement fonctionnel peut encore sembler générique ou incohérent.
Parrott estimait que le design produit repose sur la compréhension du produit et de la marque derrière chaque décision. Un modèle qui sait créer du HTML ne sait pas automatiquement quelles polices, couleurs, composants, règles d'espacement et principes visuels appartiennent à Anthropic.
Il a donc distillé le système visuel d'Anthropic dans le contexte de travail de l'outil.
Cela incluait :
Ce changement a permis aux œuvres générées de ne plus ressembler à des interfaces IA aléatoires, mais de faire partie de la famille des produits Anthropic.
Cette expérience interne est devenue plus tard une fonctionnalité centrale de Claude Design.
Lors du processus d'intégration, Claude Design peut analyser le code source, comme les bases de code, les références de design, les diapositives, les documents, les captures d'écran, les logos, les palettes de couleurs et les spécifications typographiques. Ensuite, il génère un système de design réutilisable comprenant des couleurs, une typographie, des composants, etc.
Ainsi que des motifs de mise en page.
Pour les organisations en version Équipe et Entreprise, le système peut être publié pour toute l'équipe. Les administrateurs peuvent approuver les systèmes standard et limiter les droits d'édition, garantissant ainsi l'alignement des projets avec les normes de l'entreprise.
Parrott a intégré le flux de travail HTML au contexte de la marque Anthropic pour créer un petit prototype interne.
Les designers produit ont commencé à l'utiliser pour créer des prototypes interactifs.
Dans un flux de travail traditionnel par clics, un designer pourrait devoir dessiner chaque état de chaque écran et les relier manuellement. Avec le prototype interne de Claude Design, les designers n'avaient qu'à fournir le matériel, décrire le comportement attendu, et laisser Claude réaliser l'expérience.
Chaque résultat générait un lien partageable.
Cela a changé le positionnement du prototype.
Il ne s’agit plus simplement d’un fichier privé au sein d’une application de design, mais d’un document partagé que les collègues peuvent ouvrir, cliquer, discuter et modifier, exactement comme un document collaboratif.
Le moment décisif a eu lieu lors d’un événement hors les murs organisé par les laboratoires Anthropic.
Parrott a vu les participants utiliser cet outil pour créer des diapositives de présentation pour une session de propositions créatives — parfois même en pleine réunion, juste avant leur propre passage.
Cette adoption spontanée a convaincu l’équipe du laboratoire que ce projet annexe répondait à un besoin réel. Claude Design a obtenu une équipe dédiée et est passé du statut d’expérimentation interne informelle à celui de produit à part entière.
Le laboratoire Anthropic s’est encore développé en janvier 2026, avec pour mission d’incuber des produits expérimentaux basés sur les capacités émergentes de Claude.
Cette équipe est conçue pour un modèle de développement produit unique :
Anthropic cite Claude Code comme premier exemple de cette démarche : parti d’un aperçu de recherche, il est devenu en six mois ce qu’Anthropic appelle un produit d’un milliard de dollars.
Claude Design suit une trajectoire similaire :
Cette approche ascendante est cruciale, car les produits natifs de l’IA sont souvent difficiles à spécifier à l’avance. Les capacités du modèle évoluent rapidement, et les utilisateurs découvrent des flux de travail que l’équipe d’origine n’avait pas anticipés.
Dans ce cas précis, comme les gens l’utilisent systématiquement pour la communication visuelle et pas seulement pour le prototypage d’interfaces, le champ d’application du produit n’a cessé de s’élargir.
Claude Design a d’abord été positionné comme un outil de conception de produits.
Mais cette description a rapidement semblé trop restrictive.
L’équipe a commencé à l’utiliser pour créer :
Des expériences visuelles basées sur du code.
Parrott décrit l’outil comme étant un niveau au-dessus de la conception de produits prêts pour la production. Son rôle principal est d’aider les équipes à explorer et communiquer des idées avant de se lancer dans le développement. Cette distinction a conduit à une répartition plus claire des rôles :
| Claude Design | Claude Code |
|---|---|
| Exploration visuelle précoce | Développement logiciel de production |
| Prototypage et tests conceptuels | Implémentation et gestion du dépôt |
| Présentation et communication visuelle | Modification de code, tests et déploiement |
| Alignement avant développement | Développement après validation de la direction |
| Canevas modifiable et contrôles visuels | Environnement IDE et flux de codage en terminal |
Les deux outils peuvent être utilisés ensemble, mais ils ne se remplacent pas mutuellement.
Anthropic a ajouté un flux de travail bidirectionnel entre le design et le code. Utilisez la commande suivante dans Claude Code :
/design-sync
Cela permet d’importer un système de design existant dans le flux de travail, afin que le travail visuel s’appuie sur les composants actuels de l’organisation. Avec la commande :
/design
Vous pouvez créer, modifier et synchroniser des projets Claude Design directement depuis le terminal. L’équipe peut démarrer le travail depuis l’une ou l’autre direction.
C’est beaucoup plus fiable que de simplement donner une capture d’écran à un développeur en lui demandant de reproduire le comportement attendu. Ce qui est transmis peut inclure un prototype fonctionnel et le contexte de design associé, et non plus une simple image plane.
Decrivez votre idee une fois, et We0 AI peut generer un site vitrine, des pages et un CMS, puis vous aider a attirer clients et trafic apres le lancement.
Une génération de projet complète pour une inscription gratuite
Idéal pour essayer un flux de génération complet et voir rapidement une première ébauche de projet.
Le succès précoce de Claude Design montre que la seule capacité de génération ne suffit pas. Les équipes ont besoin que l’outil maintienne une cohérence entre les projets et respecte les systèmes de marque existants. Anthropic a repensé le flux d’importation des systèmes de design, permettant aux utilisateurs d’introduire un ou plusieurs systèmes depuis :
Claude utilise ces composants pour construire, vérifie les sorties par rapport au système et corrige les incohérences avant la présentation. Cela rend l’outil bien plus pratique au quotidien. Une page d’atterrissage générée par IA en un coup peut être impressionnante, mais elle est difficile à intégrer dans une entreprise réelle. Un flux de travail conscient du système permet à une organisation de partir de ses choix existants, plutôt que de créer un nouveau langage visuel à chaque fois.
La version bêta de Claude Design inclut des contrôles directs sur le canevas. Les utilisateurs peuvent :
Ce point est important car les requêtes ne sont pas toujours
l’interface idéale pour chaque ajustement.
Au lieu d’écrire plusieurs phrases pour décaler un titre légèrement vers la gauche ou réduire la largeur d’une carte, il est souvent plus rapide d’effectuer ces petites corrections visuelles par manipulation directe.
Parrott suggère d’utiliser Claude pour l’exploration large et les changements structurels, puis de faire manuellement les derniers petits ajustements.
L’édition directe évite également de consommer des jetons du modèle pour des modifications que l’œil juge plus facilement.
Claude Design permet d’exporter les créations vers :
Anthropic propose également des connecteurs pour envoyer les créations vers d’autres outils créatifs et de développement.
La liste officielle des connecteurs inclut Adobe, Base44, Canva, Gamma, Lovable, Miro, Replit, Vercel et Wix, avec d’autres destinations à venir.
L’objectif n’est pas de remplacer chaque outil spécialisé.
Une présentation peut être commencée dans Claude Design, puis poursuivie dans Gamma ou Canva. Un concept peut être déplacé dans Miro pour la collaboration. Un prototype peut être envoyé dans Replit, Vercel, Lovable ou Wix pour être développé et déployé.
Claude Design sert d’espace de travail visuel précoce, aidant les idées à atteindre l’outil approprié suivant avec moins de reconstruction manuelle.
Claude Design a des limites claires.
Anthropic précise que Claude Design ne dispose pas de modèle d’image dédié.
Il n’est donc pas adapté pour générer un logo final ou créer des actifs d’image originaux de toutes pièces.
Les utilisateurs doivent apporter leurs propres logos, images de produits, illustrations, photographies et actifs de marque.
Claude peut organiser et utiliser ces éléments dans une composition visuelle plus large.
Ce n'est pas une plateforme logicielle de production
Claude Design permet de créer des prototypes interactifs et des visuels pilotés par le code, mais Anthropic recommande d'utiliser Claude Code pour le développement logiciel en production.
Un prototype peut communiquer l'expérience souhaitée, mais il ne répond pas nécessairement aux exigences de sécurité, d'accessibilité, de test, de maintenabilité, de performance, de fiabilité du backend ou de déploiement en production.
Claude peut générer rapidement de nombreuses options.
Mais c'est à l'humain de décider quelle direction est appropriée, quels détails semblent médiocres, si l'œuvre transmet le bon message, ce qui doit être supprimé et si le prototype est prêt à influencer la production.
Le rôle du concepteur ne se limite plus à créer manuellement chaque variante, mais évolue vers la définition de la direction, la construction du système, l'évaluation de la qualité et la coordination de l'équipe.
Un briefing clair donne généralement de meilleurs résultats que des corrections répétées sur une demande floue.
Définir le public, l'objectif, le contenu, les émotions souhaitées,
avant de demander à Claude de construire, préciser les contraintes et le format de sortie.
Sans guidance, les systèmes d'IA peuvent revenir à des styles esthétiques courants.
Spécifier clairement les polices, les couleurs, les exemples de référence, les planches d'ambiance, ainsi que les exemples d'objets à éviter ou à approcher.
Télécharger des exemples de marque réels, plutôt que de fournir uniquement des spécifications abstraites.
Une page d'accueil, une présentation ou une interface complète montre plus clairement les caractéristiques visuelles de la marque qu'une simple liste de couleurs.
Demander plusieurs options et les comparer.
L'objectif d'augmenter la vitesse de génération n'est pas d'accepter la première réponse, mais d'explorer plus de possibilités avant la décision finale.
Un croquis de mise en page peut communiquer les relations spatiales plus efficacement qu'une longue description textuelle.
Quand le problème central est la structure ou le flux, commencer par un wireframe basse fidélité.
Cela permet au modèle de se concentrer sur la hiérarchie et l'interaction, plutôt que sur le style décoratif.
Effectuer les derniers réglages visuels comme l'alignement, l'espacement, les dimensions par édition directe.
Se connecter à la base de code existante, au système de design, aux composants et aux interfaces aide Claude à produire un travail cohérent avec le produit réel.
Claude Design est actuellement en version bêta et est disponible pour les versions suivantes :
Les abonnements correspondants permettent l'utilisation, les fonctionnalités consomment le crédit Claude du compte.
Pour les organisations, Claude Design est désactivé par défaut et doit être activé par un administrateur dans les paramètres de l'organisation.
Anthropic indique que le partage au niveau de l'organisation permet de garder les designs privés, avec un accès via lien pour les collègues ou une ouverture pour l'édition collaborative.
La disponibilité du produit et les conditions du forfait peuvent changer, les équipes doivent consulter la page Claude Design actuelle et la documentation d'aide avant de normaliser leur flux de travail autour de celui-ci.
Claude Design est un produit d'Anthropic Labs qui permet de créer et d'affiner des visuels par le dialogue et l'édition directe. Il peut générer des prototypes, des présentations, des pages d'accueil, des œuvres monopage, des animations, des supports marketing et d'autres résultats interactifs basés sur HTML.
Le prototype interne initial a été développé par Nate Parrott, designer produit chez Anthropic. Après que Claude Code a accéléré la livraison de l'équipe d'ingénierie au-delà de son flux de design existant, il a créé l'outil comme projet personnel.
Anthropic indique que Claude Design a été utilisé par plus d'un million de personnes au cours de sa première semaine. Cette donnée a été publiée dans la mise à jour produit d'Anthropic en juin 2026.
Claude génère les visuels sous forme de contenu web interactif, plutôt que de simplement décrire le design ou de produire des images statiques. HTML offre un canevas flexible pour la mise en page, les contrôles, les animations, les prototypes, les diaporamas et autres expériences visuelles.
Oui.
Il peut analyser la base de code, la bibliothèque de composants, les présentations, les documents, les captures d'écran, les logos, les couleurs, les polices et d'autres éléments pour générer un système de design réutilisable. Les utilisateurs de l'équipe et de l'entreprise peuvent publier des systèmes partagés pour les projets.
Anthropic indique que Claude Design ne contient pas de modèle de génération d'images et n'est pas adapté à la création de logos. Les logos et éléments graphiques existants doivent être téléchargés et utilisés dans le design.
Claude Design est adapté à l'idéation précoce, au prototypage, à la communication visuelle et à l'alignement d'équipe. Claude Code est l'outil recommandé pour l'implémentation et la maintenance de logiciels en production.
Claude Design est actuellement disponible en version bêta publique pour les utilisateurs Pro, Max, Team et Enterprise. Les administrateurs d'entreprise doivent d'abord l'activer pour que les membres de l'organisation puissent l'utiliser.
com/news/introducing-anthropic-labs) : L'explication d'Anthropic sur l'équipe d'incubation de produits expérimentaux derrière Claude Design.
Tel que décrit dans l'histoire de Parrott.
Claude Design est né du besoin d'un designer de suivre le rythme de deux ingénieurs — dont la productivité avait considérablement augmenté après la sortie de Claude Opus 4.5.
La percée de Nate Parrott a été de ne plus demander à l'IA de générer du design comme une réponse abstraite, mais de fournir à Claude un canevas HTML intégrant le système de marque de l'entreprise, et de présenter les résultats de manière interactive et facile à partager.
Ce qui n'était au départ qu'un projet parallèle s'est transformé en produit officiel d'Anthropic Labs à mesure que l'outil a été adopté en interne. Claude Design a franchi le cap du million d'utilisateurs dès sa première semaine et s'est progressivement élargi pour devenir un espace de création prenant en charge le prototypage, les présentations, les pages d'atterrissage, les animations, les pages de présentation et autres contenus de communication visuelle.
Ce produit n'a pas vocation à remplacer le codage de production, la génération d'images professionnelle ou le jugement humain en matière de design. Sa valeur réside dans les phases amont : explorer davantage de directions, concrétiser les idées, favoriser la convergence d'équipe, et confier les concepts plus aboutis aux outils et aux personnes chargés de la réalisation finale.
À mesure que l'IA accélère l'exécution, le travail le plus précieux des designers se déplace en amont — non plus pour concevoir chaque interface une par une, mais pour choisir la bonne direction, définir les systèmes, et aider l'équipe à s'accorder sur "ce qui devrait être construit".
Partez d’une phrase et obtenez un site complet en quelques minutes.
