Vous lancez une maquette, un collègue la transforme en interface réelle, et trois itérations plus tard plus personne ne sait si l’écran ressemble vraiment à ce qui avait été dessiné. Ce trou noir entre le design et le code a un nom dans les équipes produit : le handoff. C’est précisément ce que la dernière mise à jour d’Anthropic cherche à combler.
Depuis le 17 juin, Claude Design et Claude Code se synchronisent dans les deux sens. On peut transmettre une maquette pour la construire, ou partir du code dans le terminal et y récupérer ses projets de design. La génération d’interface, elle, n’a plus rien d’inédit. Ce qui bascule, c’est la circulation fluide entre les deux mondes. Et pour comprendre pourquoi ça compte, il faut d’abord regarder ce qui se cassait avant.
Le problème, posé simplement
Un designer produit une maquette. Un développeur doit la reproduire en composants fonctionnels. Entre les deux, l’information se perd : espacements approximés à l’œil, couleurs reprises « à peu près », composants réinventés alors qu’ils existaient déjà dans la bibliothèque maison. Chaque aller-retour ajoute une couche d’interprétation.
Le scénario le plus coûteux, c’est la reconstruction à partir d’une capture d’écran. Le développeur regarde une image figée et devine ce qu’il y a derrière : marges, états au survol, comportement responsive. Il ne reconstruit pas le design, il en réinvente une version plausible. Multipliez par chaque écran d’un produit, et vous obtenez une dérive lente entre ce qui a été pensé et ce qui est livré.
Comment marche la synchro, étape par étape
Le mécanisme tient en une commande. Dans le terminal, /design-sync importe votre système de design dans le dépôt. Concrètement, Claude ne part plus d’une image : il s’appuie sur vos vrais composants, ceux qui existent déjà dans votre code. La maquette s’aligne sur la réalité du projet, pas l’inverse.
Le sens inverse fonctionne aussi. Ce que vous avez bâti dans le terminal peut être renvoyé vers Claude Design pour continuer à le travailler visuellement. Et quand une maquette est prête à devenir un logiciel, elle est passée à Claude Code, qui reprend le travail existant au lieu de repartir d’une capture. Le fil n’est jamais coupé.
L’analogie la plus parlante est celle du document partagé en temps réel. Avant, design et code étaient deux fichiers qu’on s’envoyait par mail, chacun travaillant sur sa copie et fusionnant à la main. La synchro bidirectionnelle en fait un seul document à deux fenêtres : une visuelle, une textuelle, branchées sur la même source. Résultat : la capture d’écran comme mode de transmission appartient au passé.
La pièce qui change tout : le design system
Le détail à ne pas manquer dans l’annonce, c’est le rôle accordé au système de design. Anthropic indique qu’on peut importer un ou plusieurs systèmes depuis un dépôt GitHub, des fichiers de design ou des fichiers bruts. Claude construit avec vos composants, confronte sa production à votre design system, et corrige avant même que vous voyiez le résultat. L’angle n’est pas neuf en soi : Figma fait déjà de son design system une source de vérité branchée sur le code, via son serveur MCP (Model Context Protocol) qui alimente la génération assistée par IA ; la bascule d’Anthropic, c’est de loger ce référentiel dans le dépôt de code plutôt que dans l’outil de design.
Pour les grandes équipes, un nouveau rôle d’administrateur peut approuver un système standard et verrouiller les modifications. Autrement dit : un référentiel unique, validé, que personne ne peut contourner. C’est là que se joue l’enjeu réel, et il est moins technique qu’organisationnel.
Car si le design system devient la pièce contre laquelle code et maquettes sont vérifiés en permanence, alors celui qui le détient ne tient plus seulement la charte graphique. Il tient la source de vérité du produit. Le pouvoir se déplace de l’écran fini vers la bibliothèque de composants. Au-delà du simple choix d’outil, c’est une redistribution silencieuse de l’autorité dans l’équipe.
Ce que ça change pour qui orchestre l’IA
Pour un praticien qui pilote ces outils au quotidien, la conséquence est directe. Investir dans un design system propre, versionné dans un dépôt, cesse d’être une hygiène de confort pour devenir le socle qui détermine la qualité de tout ce que l’IA produira ensuite. Un référentiel flou donnera des sorties floues, dans les deux sens.
L’adoption suit, d’ailleurs. Anthropic avance plus d’un million d’utilisateurs de Claude Design durant sa première semaine. La fonctionnalité est en bêta sur tous les forfaits payants, sur le web et le bureau, et partage désormais ses limites d’usage avec le reste de l’écosystème, ce qui élargit la marge de manœuvre. L’export vers PDF et PowerPoint, ainsi que des connecteurs vers Adobe, Canva, Vercel et consorts, achèvent de l’ancrer dans des flux de travail existants.
Restent les zones d’ombre. Une synchro qui « corrige avant que vous voyiez » suppose une confiance dans le jugement du modèle sur ce qui respecte ou non le système : utile quand le référentiel est carré, opaque quand il ne l’est pas. Et le verrouillage administrateur, qui rassure les grandes structures, peut tout aussi bien figer les écarts utiles, ceux d’où naissent les bonnes idées.
Ce qui se joue ici dépasse largement la capacité à générer une interface. Le handoff, ce point de friction historique entre celui qui dessine et celui qui construit, cesse d’être une frontière. Et ce qui se négocie en coulisses, c’est de savoir qui, désormais, tiendra le référentiel auquel tout le monde devra se conformer.
