Anthropic ajoute la commande /design à Claude Code pour les maquettes d'interface utilisateur dans le terminal

Anthropic a enrichi Claude Code avec une nouvelle commande /design qui permet aux développeurs de créer, d'itérer et de visualiser des maquettes d'interface utilisateur (UI) sans quitter le terminal.

Prototypage d'UI directement dans le terminal

Au lieu de passer de Figma au shell, vous pouvez désormais taper quelque chose comme /design a few options for a login screen. Claude répond avec plusieurs « plans de travail » (artboards) interactifs qui affichent des maquettes haute fidélité. Vous comparez les mises en page, choisissez votre préférée et affinez l'aspect en posant des questions de suivi — le tout avant d'écrire la moindre ligne de code de production.

Des maquettes contextuelles basées sur votre base de code

Le développeur Nate Parrott note que Claude lit réellement le dépôt actuel. Il extrait les palettes de couleurs, les bibliothèques de composants et les conventions de mise en page, puis adapte chaque design pour qu'il corresponde au style existant du projet. Les résultats apparaissent sous forme d'« Artifacts », une vue dédiée à l'intérieur de Claude qui affiche les images sans avoir à ouvrir un éditeur graphique séparé. À ce stade, les maquettes n'existent que dans l'espace de travail de Claude ; vous devez explicitement les enregistrer dans le système de fichiers avant de les transformer en code.

Pourquoi c'est important pour le développement assisté par l'IA

La commande fusionne deux étapes du cycle de vie du développement logiciel — la conception et le codage — en une seule. Les équipes qui privilégient la rapidité peuvent générer plusieurs options de mise en page avec un seul prompt, accélérant ainsi la phase de découverte initiale. Comme Claude utilise la base de code en direct, les maquettes respectent l'identité visuelle et restent compatibles avec le système de composants, réduisant ainsi le nettoyage manuel qui suit généralement la génération d'images génériques.

Anthropic présente cela comme une étape vers un « ingénieur logiciel IA » capable de gérer à la fois la logique et l'esthétique. Si le terminal peut servir d'espace de travail multimodal, la frontière entre l'écriture de code et le façonnage de l'expérience utilisateur s'amincit considérablement.

Limitations actuelles

La fonctionnalité est encore en version preview. Les maquettes générées ne deviennent pas automatiquement des fichiers sources ; vous devez les exporter et les intégrer vous-même. Cette étape supplémentaire peut réduire les gains de temps, en particulier sur des projets plus importants comportant des dizaines de composants.

Comment l'essayer

Exécutez claude update pour récupérer la dernière version preview et activer la commande /design.

Points clés à retenir

  • Prototypage intégré : /design génère plusieurs plans de travail d'UI directement à partir de prompts dans le terminal.
  • Cohérence contextuelle : Claude analyse la base de code actuelle pour que les maquettes restent alignées avec le système de design existant.
  • Flux de travail optimisé : En fusionnant la puissance de prompting de Claude Design avec l'exécution de Claude Code, les développeurs passent du concept au prototype visuel sans changer d'outil.

La nouvelle commande /design d'Anthropic permet aux développeurs de créer et d'itérer des maquettes d'UI directement depuis le terminal, réduisant les allers-retours entre les outils de design et les éditeurs de code — un goulot d'étranglement avec lequel de nombreuses équipes agiles doivent encore composer.

Générer des ébauches visuelles à partir d'un prompt CLI

Vous tapez une commande telle que /design a few options for a login screen et Claude renvoie un ensemble de plans de travail interactifs. Chaque plan de travail affiche une maquette haute fidélité que vous pouvez inspecter, comparer et affiner en posant des questions de suivi.

Claude lit les fichiers du projet actuel, extrait les palettes de couleurs, les bibliothèques de composants et les conventions de mise en page, puis adapte les designs en conséquence. Le résultat apparaît sous forme d'« Artifacts », une vue qui affiche les images sans ouvrir d'éditeur graphique séparé. À ce stade, les maquettes ne vivent que dans l'espace de travail de Claude ; vous devez explicitement les enregistrer dans le système de fichiers avant de les transformer en code.

Pourquoi les développeurs s'intéressent à un outil de design dans le terminal

La plupart des développeurs passent une grande partie de leur journée à alterner entre un terminal de code et une application de design d'UI. Intégrer le prototypage visuel dans la même fenêtre que l'écriture du code fusionne deux étapes du cycle de vie du développement logiciel en une seule.

Pour les équipes axées sur la rapidité, la génération de plusieurs options de mise en page avec un seul prompt peut accélérer la phase de découverte initiale. L'analyse de la base de code existante par Claude permet de maintenir les maquettes conformes à l'image de marque et compatibles avec le système de composants du projet, réduisant ainsi le nettoyage manuel qui suit généralement une étape de génération d'images génériques.

Anthropic présente cet ajout comme une étape vers un « ingénieur logiciel IA » capable de gérer à la fois la logique et l'esthétique. Si le terminal peut désormais servir d'espace de travail multimodal, la frontière entre l'écriture de code et le façonnage de l'expérience utilisateur devient plus ténue.

Limites et pertinence des outils de conception traditionnels

La fonctionnalité est encore en phase de prévisualisation, et plusieurs contraintes pratiques subsistent. Premièrement, les maquettes générées ne deviennent pas automatiquement des fichiers sources ; les développeurs doivent les exporter et les intégrer manuellement. Cette étape supplémentaire peut réduire les gains de temps sur les projets de plus grande envergure, où des dizaines de composants doivent être synchronisés.

À surveiller à mesure que la fonctionnalité évolue

La mise à jour d'Anthropic précise que la commande peut être activée avec un simple claude update.

À retenir : L'intégration d'un prompt de conception dans le terminal de Claude Code offre aux développeurs un raccourci allant du concept au prototype visuel, mais le flux de travail dépend encore d'un transfert manuel et manque de la profondeur des outils d'UI dédiés. Son évolution déterminera si la commande restera une commodité de niche ou deviendra un élément central d'une pile de développement pilotée par l'IA.