Anthropic a annoncé le 18 juin une refonte majeure de Claude Design, dont les points forts incluent : la prise en charge de l’importation depuis des dépôts GitHub, des maquettes ou des ressources sources dans des systèmes de design ; une connexion bidirectionnelle avec Claude Code ; et un plan d’amélioration en deux niveaux visant le problème de la consommation de tokens. En parallèle, l’entreprise élargit à 9 partenaires d’export, dont Adobe et Base44.
Importation d’un système de design : importer depuis des dépôts GitHub et verrouiller les règles de marque
La mise à jour la plus importante de cette refonte est la fonctionnalité d’importation du système de design, entièrement reconstruite. Les utilisateurs peuvent désormais téléverser un système de design à partir d’un dépôt GitHub, de maquettes ou de ressources sources. Après l’importation, Claude crée en s’appuyant sur ces composants, puis avant de produire les résultats, effectue automatiquement des vérifications et des corrections par rapport aux règles du système de design, de sorte que l’utilisateur ne voit pas la version avant correction.
Le nouveau rôle d’administrateur permet d’approuver un seul système de design conforme à une norme et de verrouiller les droits de modification, afin de s’assurer que chaque élément produit par Claude respecte les règles de marque de l’entreprise. La différence avec la version initiale est fondamentale : Claude Design, dans sa première mouture, ressemble davantage à une toile vierge, et le résultat reflète le jugement esthétique de Claude ; après la refonte, il est possible de produire en suivant les règles de marque, ce qui convient aux grandes entreprises disposant de manuels stricts de conformité à la marque.
Intégration bidirectionnelle de Claude Code : explication des fonctionnalités des commandes /design-sync et /design
L’intégration bidirectionnelle entre Claude Design et Claude Code constitue la deuxième grande mise à jour :
· Dans Claude Code, en saisissant la commande /design-sync, il est possible d’importer dans Claude Design le système de design d’une base de code locale ; une fois la conception terminée, il suffit d’un clic pour la transférer à Claude Code afin d’entrer dans la phase de développement, sans capture d’écran ni reconstruction.
· En sens inverse, côté terminal de Claude Code, en saisissant la commande /design, les développeurs peuvent directement créer, modifier et synchroniser des projets de conception, sans quitter leur flux de travail.
L’article indique que la passerelle entre le design et l’ingénierie est l’un des points de friction les plus tenaces du domaine du développement logiciel depuis des décennies. Des outils comme Figma Dev Mode ou Zeplin tentent de réduire l’écart en générant des spécifications et des extraits de code à partir des maquettes, mais la traduction entraîne toujours des pertes. Le pari d’Anthropic est le suivant : si le même système d’IA gère simultanément la conception et le code, en partageant la même bibliothèque de composants, cet écart peut être éliminé.
Plan d’amélioration en deux niveaux pour réduire la consommation de tokens
L’amélioration de la consommation de tokens chez Anthropic se fait en deux niveaux :
Pool d’usage partagé : la limite d’utilisation de Claude Design est désormais partagée avec les conversations, Claude Cowork et Claude Code, et n’est plus décomptée depuis un pool indépendant plus petit, ce qui donne à la plupart des utilisateurs un espace tampon plus important.
Améliorer l’efficacité à chaque génération : Anthropic affirme avoir réduit la consommation moyenne de tokens à chaque génération, tout en maintenant la qualité des sorties. Le nouvel éditeur permet aux utilisateurs de faire glisser, ajuster et aligner directement des éléments individuels, sans devoir consommer de l’inférence du modèle pour chaque petite modification ; en outre, des centaines de correctifs de stabilité réduisent aussi les tokens gaspillés à cause des erreurs et des régénérations.
L’article souligne également qu’une contradiction structurelle demeure : la conception générative exige que Claude raisonne simultanément sur la mise en page, la typographie, les couleurs, les espacements, le responsive, et le contenu, afin de produire un livrable complet et pleinement fonctionnel. La charge de travail est bien plus élevée que pour des questions-réponses en conversation. L’impact est moindre pour les gros clients des offres Team et Enterprise, mais le problème persiste pour les abonnés Pro.
FAQ
La fonctionnalité d’importation d’un système de design est-elle la plus utile pour quel type d’utilisateurs ?
D’après l’article, l’importation d’un système de design présente le plus grand intérêt stratégique pour les grandes entreprises : ces organisations disposent de manuels stricts de règles de marque et doivent s’assurer que chaque sortie de Claude respecte les standards visuels de l’entreprise. La position de Claude Design dans sa version initiale, « toile vierge », convient à des particuliers ou à de nouvelles entreprises, mais ne peut pas être adoptée par une grande entreprise disposant de 200 pages de règles de marque.
L’intégration bidirectionnelle de Claude Code nécessite-t-elle un abonnement supplémentaire ?
L’article ne précise pas s’il faut un abonnement supplémentaire ; il indique uniquement que l’intégration s’effectue via les commandes /design-sync et /design. Pour le détail des tarifs et des exigences d’abonnement, il faut se référer aux annonces officielles d’Anthropic.
Parmi les 9 partenaires d’export, quel rôle Claude Design joue-t-il dans le workflow ?
D’après l’article et les déclarations de chaque partenaire, Claude Design est positionné comme un « centre créatif » plutôt qu’une destination finale : c’est le point de départ du workflow de design. Les partenaires comme Adobe, Canva et Vercel sont responsables du travail de finition, de la collaboration et du déploiement. Le PDG de Replit, Michele Catasta, le décrit comme « accueillir les bâtisseurs dès la naissance de l’idée », tandis qu’Andrew Qu de Vercel évoque « faire passer directement les concepts sur Vercel pour les mettre en ligne ».
