Comment Claude Design est passé d'un projet parallèle à un poste de travail visuel pour des millions d'utilisateurs

Introduction

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'accélération de l'ingénierie devance le design

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 :

• Le design peut-il explorer suffisamment de directions avant que l'implémentation ne démarre ?
• Les chefs de produit peuvent-ils prendre des décisions assez rapidement ?
• Les réviseurs peuvent-ils évaluer un volume plus important de modifications ?
• Les normes de marque peuvent-elles suivre un rythme de production plus rapide ?
• L'équipe peut-elle se mettre d'accord avant que les développeurs s'engagent à construire ?

La réponse de Parrott a été de créer un outil pour le maillon devenu un goulot d'étranglement dans le processus.

Première tentative : laisser l'IA "faire le design"

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 comme toile visuelle

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 :

• Des mises en page et de la typographie.
• Du mouvement et des animations.
• Des contrôles interactifs.
• Des prototypes cliquables.
• Des diagrammes et des schémas.
• Des séquences de type diaporama.
• Des vidéos et de l'audio.
• Des formulaires et des parcours produit.
• Des versions responsives d'une même idée.

Cela fait du HTML un pont utile entre la conversation et le travail visuel.

Parrott a créé une interface à écran partagé :

• À gauche, une conversation avec Claude.
• À droite, un aperçu HTML en temps réel.

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.

Le HTML seul ne suffit pas

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 :

• La typographie.
• Les choix de couleurs.
• Les actifs existants.
• Les composants d'interface.
• Les motifs de mise en page.
• Les principes de design.

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.

Le prototype se répand en interne chez Anthropic

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.

Pourquoi le laboratoire Anthropic est un terreau naturel

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 :

1. Construire des expériences brutes aux frontières des capacités du modèle.
2. Les faire tester dès que possible par de vrais utilisateurs.
3. Observer les flux de travail que les utilisateurs adoptent de manière répétée.
4. Allouer davantage de personnel et d’infrastructure aux expériences validées.
5. Transformer les idées prometteuses en produits fiables.

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 :

• Projet annexe construit par une seule personne.
• Adopté par les designers internes.
• Utilisé par des collègues pour des usages non prévus par son créateur.
• Des propositions internes confirment un besoin clair.
• Le laboratoire alloue des ressources.
• Publication publique sous forme d’aperçu de recherche.
• Puis passage en phase de test.

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.

Du prototype produit à la communication visuelle

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 prototypes de produits interactifs
• Des wireframes et maquettes
• Des explorations de design
• Des documents de proposition
• Des diapositives de présentation
• Des pages d’atterrissage
• Des documents imprimables d’une page
• Du contenu marketing
• Des e-mails
• Des animations
• Du contenu visuel pour les réseaux sociaux

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.

Basculer entre Claude Design et Claude Code

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.

Commencer par Claude Design

1. Explorer plusieurs directions visuelles
2. Construire des prototypes interactifs réalistes
3. Recueillir des commentaires et aligner l’équipe
4. Empaqueter les résultats pour la transmission
5. Continuer l’implémentation dans Claude Code

Commencer par Claude Code

1. Travailler à partir d’une application existante ou d’une bibliothèque de composants
2. Synchroniser le système de design
3. Transformer le code en prototypes visuels en temps réel
4. Affiner dans Claude Design
5. Ramener les directions de design mises à jour dans le flux de code

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.

Le système de design au cœur de l’usage quotidien

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 :

• Des dépôts GitHub
• Des bibliothèques de code et de composants
• Des références de design
• Des présentations
• De la documentation
• Des captures d’écran
• Des ressources de marque originales

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.

L’édition directe réduit les besoins en requêtes

La version bêta de Claude Design inclut des contrôles directs sur le canevas. Les utilisateurs peuvent :

• Sélectionner des éléments
• Modifier du texte
• Faire glisser pour repositionner
• Redimensionner des objets
• Modifier les couleurs
• Ajuster l’espacement
• Aligner des éléments
• Ajouter des commentaires en ligne
• Demander à Claude d’appliquer des changements globaux au design

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.

Exporter et continuer la création dans d’autres outils

Claude Design permet d’exporter les créations vers :

• PDF
• PPTX
• HTML autonome
• Dossier de projet
• Lien partageable interne

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.

Les cas où Claude Design n’est pas adapté

Claude Design a des limites claires.

Ce n’est pas un modèle de génération d’images

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.

Il ne remplace pas le jugement esthétique

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.

Méthodes pratiques pour utiliser Claude Design plus efficacement

1. Réfléchir avant d'inviter

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.

2. Décrire la direction visuelle

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.

3. Construire un système de design réutilisable

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.

4. Générer plusieurs directions

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.

5. Utiliser des croquis quand les mots ne suffisent pas

Un croquis de mise en page peut communiquer les relations spatiales plus efficacement qu'une longue description textuelle.

6. Commencer par un wireframe, puis ajouter les détails

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.

7. Ajustements manuels pour le dernier kilomètre

Effectuer les derniers réglages visuels comme l'alignement, l'espacement, les dimensions par édition directe.

8. Fournir à Claude un contexte produit réel

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.

Qui peut utiliser Claude Design ?

Claude Design est actuellement en version bêta et est disponible pour les versions suivantes :

• Claude Pro
• Claude Max
• Claude Team
• Claude Enterprise

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.

Questions fréquentes

Qu'est-ce que Claude Design ?

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.

Qui a créé Claude Design ?

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.

Claude Design a-t-il vraiment atteint un million d'utilisateurs ?

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.

Comment Claude Design utilise-t-il HTML ?

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.

Claude Design peut-il utiliser un système de marque existant ?

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.

Claude Design peut-il créer des logos ?

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.

Quelle est la différence entre Claude Design et Claude Code ?

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.

Quels forfaits incluent Claude Design ?

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.

Outils connexes

• Claude Design : Espace de travail visuel d'Anthropic pour prototypes, présentations, pages d'accueil et travail créatif de marque.
• Claude Code : Agent de codage d'Anthropic pour le travail de dépôt, l'implémentation, les tests et le développement logiciel.
• Protocole de contexte de modèle : Protocole ouvert pour connecter les applications IA à des outils, services et données externes.
• Canva : Plateforme de design collaboratif pouvant recevoir les visuels modifiables de Claude Design.
• Miro : Espace de travail visuel collaboratif connecté à Claude Design pour affiner et unifier le travail d'équipe.
• Vercel : Plateforme de développement et de déploiement web, l'une des cibles de connexion de Claude Design.

Liens connexes

• Aperçu de Claude Design par Nate Parrott : Récit à la première personne du créateur sur la genèse du produit et son utilisation.
• Présentation de Claude Design : Annonce officielle de lancement par Anthropic, couvrant les fonctionnalités, la disponibilité des forfaits et les options d'exportation.
• Mise à jour du million d'utilisateurs de Claude Design : Mise à jour d'Anthropic sur l'adoption de la première semaine, les systèmes de design, la synchronisation avec Claude Code, l'édition et les connecteurs.
• Configuration du système Claude Design : Instructions officielles pour importer les actifs de marque et publier un système de design d'équipe réutilisable.
• [Présentation d'Anthropic Labs](https://www.anthropic.

com/news/introducing-anthropic-labs) : L'explication d'Anthropic sur l'équipe d'incubation de produits expérimentaux derrière Claude Design.

• Claude Code dans VS Code : Documentation officielle de l'interface graphique Claude Code initialement conçue par Parrott.
• Présentation de Claude Opus 4.5 : Version du modèle liée à l'accélération technique publiée en novembre 2025.

Tel que décrit dans l'histoire de Parrott.

Résumé

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".