Anthropic dévoile Claude Design
(anthropic.com)- Outil collaboratif de design visuel permettant de produire des livrables visuels de haute qualité — design, prototypes, slides, one-pagers, etc. — sur la base du modèle de vision Claude Opus 4.7
- Les utilisateurs peuvent générer, à partir d’une simple description textuelle, des brouillons de design, prototypes, slides, supports marketing, puis les modifier et les finaliser avec Claude
- Prise en charge de multiples modes d’entrée — prompts textuels, import d’images et de documents, connexion à une codebase, captures web — ainsi que de retouches fines via commentaires inline, édition directe et sliders personnalisés
- Lors de l’onboarding, l’outil lit la codebase et les fichiers de design de l’équipe pour construire automatiquement un design system, puis applique de façon cohérente les couleurs, la typographie et les composants de l’organisation à tous les projets
- Export vers Canva, PDF, PPTX, HTML, avec prise en charge d’un bundle de handoff Claude Code, afin d’unifier dans un même workflow le passage de l’idée à l’implémentation réelle
Présentation de Claude Design
- Nouveau produit d’Anthropic Labs dévoilé par Anthropic le 17 avril 2026, permettant de créer avec Claude des designs, prototypes, slides, one-pagers et autres livrables visuels
- Fonctionne sur la base du modèle de vision Claude Opus 4.7
- Proposé en research preview aux abonnés Claude Pro, Max, Team et Enterprise, avec un déploiement progressif dans la journée
Utilisateurs visés et problème adressé
- Même les designers expérimentés sont contraints, par manque de temps, de limiter leur champ d’exploration à quelques options
- Pour les fondateurs, product managers et marketeurs sans formation en design, visualiser et partager une idée représente une charge importante
- Claude Design offre aux designers une large marge d’exploration, et aux non-designers un moyen de produire des livrables visuels
Mode d’utilisation
- Il suffit de décrire ce dont on a besoin pour que Claude génère une première version
- Le résultat peut ensuite être affiné via la conversation, des commentaires inline, l’édition directe et des sliders personnalisés créés par Claude
- Une fois les autorisations accordées, le design system de l’équipe peut être appliqué automatiquement à tous les projets afin de garantir la cohérence avec le design global de l’entreprise
Cas d’usage par équipe
- Prototypes réalistes : les designers peuvent transformer des mockups statiques en prototypes interactifs partageables sans code review ni PR, afin de recueillir des retours et mener des tests utilisateurs
- Wireframes et mockups produit : les product managers peuvent esquisser des parcours fonctionnels, puis soit les transmettre à Claude Code pour implémentation, soit demander aux designers de les peaufiner
- Exploration design : les designers peuvent générer rapidement plusieurs directions créatives
- Pitch decks et présentations : fondateurs et Account Executives peuvent transformer en quelques minutes une trame approximative en deck respectant la marque, puis l’exporter en PPTX ou l’envoyer dans Canva
- Supports marketing : les marketeurs peuvent créer des landing pages, assets pour les réseaux sociaux et visuels de campagne, puis les finaliser avec les designers
- Frontier design : chacun peut créer des prototypes basés sur du code en exploitant voix, vidéo, shaders, 3D et IA intégrée
Fonctionnement clé
- Claude Design est conçu pour suivre un flux de création naturel
-
Construction du système de marque
- Lors de l’onboarding, Claude analyse la codebase et les fichiers de design pour générer automatiquement le design system de l’équipe
- Les couleurs, la typographie et les composants sont ensuite appliqués automatiquement à tous les projets
- Le système reste modifiable en continu, et plusieurs systèmes peuvent être maintenus selon les équipes
-
Diversité des modes d’entrée
- Offre plusieurs points de départ : prompts textuels, images, import de documents (DOCX, PPTX, XLSX), désignation d’une codebase, etc.
- Grâce à l’outil de capture web, il est possible de reprendre des éléments de sites réels afin de créer des prototypes proches du produit réel
-
Contrôle fin
- Fournit des commentaires inline, l’édition directe du texte et des sliders d’ajustement de l’espacement, des couleurs et de la mise en page sur des éléments précis
- Les modifications peuvent être appliquées globalement à l’ensemble du design
-
Collaboration
- Prise en charge des paramètres de partage à l’échelle de l’organisation
- Les documents peuvent rester privés, être partagés via un lien interne à l’organisation ou faire l’objet d’une autorisation d’édition pour le travail collaboratif
- Les designs peuvent aussi être modifiés avec Claude au sein d’une conversation de groupe
-
Export et intégrations
- Export possible sous divers formats : URL interne à l’organisation, dossier, Canva, PDF, PPTX, fichier HTML autonome, etc.
- Les designs finalisés peuvent être packagés sous forme de bundle transmissible à Claude Code, pour enchaîner directement vers la phase de développement
- Une extension future des intégrations avec d’autres outils est prévue
Exemples de partenaires
- Canva : en poursuivant sa collaboration avec Anthropic, l’entreprise permet de transférer facilement vers Canva les idées et brouillons créés dans Claude Design afin de les convertir immédiatement en designs entièrement éditables et collaboratifs
- Brilliant : alors que le prototypage d’interactivités complexes et d’animations était auparavant difficile, Claude Design apporte un changement d’échelle progressif (step change) en transformant des designs statiques en prototypes interactifs
- La page la plus complexe, qui nécessitait plus de 20 prompts dans d’autres outils, a pu être reproduite avec 2 prompts dans Claude Design
- En incluant l’intention de design dans le handoff vers Claude Code, la transition du prototype à la production devient plus fluide
- Datadog : l’avancement du design en temps réel dans la conversation accélère drastiquement le prototypage
- Un travail qui prenait une semaine entre brief, mockup et cycles de revue peut être finalisé dans une seule conversation
- Les résultats respectent fidèlement la marque et les guidelines de design
Pour commencer
- Claude Design est proposé aux abonnés Claude Pro, Max, Team et Enterprise, dans les limites de leur abonnement
- En cas de dépassement, l’utilisation peut se poursuivre via le réglage extra usage
- Dans les organisations Enterprise, la fonctionnalité est désactivée par défaut et peut être activée par un administrateur dans Organization settings
- Commencer ici : claude.ai/design
3 commentaires
Après l’avoir essayé, le taux de reconnaissance des croquis sur serviette est impressionnant. On n’a même plus besoin de chat désormais.
Après cette annonce, il n’y a que l’action Figma qui s’effondre. C’est aussi étonnant qu’Adobe ne bouge presque pas, peut-être parce qu’elle a déjà tout perdu.
Avis sur Hacker News
Je pense que ce genre d’outil est possible parce que le design sur Internet s’est homogénéisé autour de l’effet verre et des ombres portées
On peut désormais produire une UI crédible avec peu d’effort, mais les designs d’autrefois, plus singuliers et artisanaux, deviennent de plus en plus rares et suscitent la nostalgie
S’il s’agit d’un outil interne pour qu’un avocat d’hôpital recherche des contentieux médicaux, la meilleure option reste l’UI/UX la plus prévisible
Mais les humains doivent savoir distinguer quand l’homogénéité convient et quand une personnalité propre est nécessaire
Sauf pour un projet artistique, ajouter des frictions inutiles pour l’effet waouh n’est pas une bonne idée
Les designs « bizarres » du passé n’étaient pas de l’art intentionnel, mais le meilleur résultat possible avec des outils limités
Pour quiconque sait à quel point il est difficile de respecter la cohérence et les guidelines de plateforme, c’est un vrai cadeau du ciel
Le problème n’est pas tant que le design soit difficile, mais que ceux qui les créent « ne se rendent pas compte qu’elles sont moches »
Dans notre agence, cela ne remplace ni Figma ni les designers
En revanche, c’est très utile comme outil de transmission d’intention
Avant, on passait des heures à chercher des sites de référence et à les expliquer ; maintenant, on peut faire rapidement une maquette avec Claude ou Lovable et l’envoyer, et le designer comprend tout de suite
La boucle de feedback est passée de plusieurs semaines à quelques minutes
Désormais, on a simplement automatisé ce processus d’une manière plus élégante
Google Stitch était lent et peu convaincant, mais l’approche basée sur Claude est assez impressionnante
Selon Notes on the Synthesis of Form d’Alexander, le design est un processus de rationalisation des forces qui définissent un problème
Mais beaucoup prennent le design pour le résultat final
Cette méprise produit des designs inadaptés
Avec des outils génératifs, au lieu de comprendre le problème, on finit par faire entrer le problème dans la forme proposée par l’outil
Au bout du compte, on ne contrôle plus que l’effet esthétique, en passant à côté de la vraie compréhension structurelle
L’innovation n’apparaît que dans un processus de conception lent et progressif, et c’est précisément ce qu’on perd
Du point de vue d’un ingénieur, ce type d’outil aide au contraire davantage à l’exploration créative que des outils de design complexes
L’action Figma a chuté juste après l’annonce
Cette annonce visait clairement Figma, mais Lovable est également concerné
Si Anthropic ajoute des fonctions de niveau Figma, le potentiel de carton est énorme
Figma s’adresse aux designers, Claude Design aux non-designers
J’ai collé un résultat de Stitch dans Claude Design, et les questions étaient pertinentes comme le résultat excellent
Ce sera sans doute mon principal outil de prototypage pendant un moment
Plus j’y pense, plus j’ai l’impression que ce n’est pas bon pour le design
L’IA ne peut pas produire de percée créative et finit forcément par converger vers des résultats moyens
Les bons designers rejetteront ce genre d’outil
Le design ne se résume pas à l’UI : il inclut aussi le mouvement, la typographie, l’espace, la sensation
Une GUI doit être familière ; vouloir inventer de nouvelles interactions la rend souvent moins pratique
C’est aussi pour cela qu’Android et iOS se ressemblent
Je laisse ici le retour d’un designer avec 25 ans d’expérience
La consommation de tokens est excessive, et le travail sur les logos est lamentable
L’UX était frustrante : oublis de feedback, retour à des versions précédentes, etc.
Il y a beaucoup d’ornement visuel, mais ce n’est pas centré sur l’utilisateur
L’outil exploite mal les systèmes de design existants et a toujours tendance à tout reconstruire depuis zéro
Cela ressemble à l’approche extraction d’un design system → mise en template → export que j’avais déjà décrite auparavant, et c’est vraiment puissant
Je l’utilise tous les jours avec Claude Code
Figma collabore avec Anthropic depuis un moment, donc c’est intéressant qu’il n’y ait aucune mention cette fois
L’usage de l’IA par Figma était décevant, et Figma Make se limitait en pratique à un niveau de prompt Gemini 3 Pro
Figma, dont une grande part des sièges était attribuée aux PM ou aux développeurs, risque d’être assez touché par ce changement
Claude Design est une approche bien plus aboutie
On dirait qu’Anthropic élargit trop son périmètre produit
Avec une telle extension, une dispersion de l’attention semble inévitable
Figma continuera sans doute à se concentrer sur son produit, mais on peut se demander si Anthropic s’y intéressera encore dans 2 ou 3 ans
Cela semble destiné à déboucher plus tard sur de l’orchestration d’agents
Claude Code, Cowork, Chat, etc. forment tous un écosystème centré sur le modèle Claude
Claude Design s’inscrit dans cette continuité, avec l’avantage de partager le contexte utilisateur
Cela ne finira probablement pas comme Killed by Google
La plupart de ces initiatives disparaîtront, mais la période reste intéressante en soi
Leurs revenus réels viennent seulement de la vente de tokens, donc il est crucial de maintenir la hype jusqu’à l’IPO
Il faut garder en tête qu’à chaque fois qu’Anthropic lance un produit, la portée de ses clauses de non-concurrence s’élargit, et que l’entreprise aime les procès
Voilà qui explique pourquoi Mike Krieger a quitté le conseil d’administration de Figma