Claude Design : maquetter une application métier avant de la développer

Ce qu'il faut retenir

• Claude Design est inclus dans toutes les offres Claude, Free comprise, depuis sa sortie de bêta le 8 octobre 2026. Il s'utilise dans n'importe quelle conversation ; le site autonome claude.ai/design ferme le 14 décembre 2026.
• Son usage le plus utile en PME n'est pas la plaquette commerciale : c'est la maquette cliquable de l'écran qui remplacera un tableur, montrée aux utilisateurs avant que le développement commence.
• La validation se fait à l'atelier : sur une tablette, au poste, avec les mots des opérateurs. À ce stade, un retour ne coûte qu'une retouche de maquette.
• Le passage à Claude Code est prévu par l'outil : Claude Code repart de la maquette elle-même, pas d'une capture d'écran, et la commande /design-sync importe votre design system depuis le code.
• Une maquette n'est pas un logiciel : architecture, modèle de données, reprise du fichier Excel, droits d'accès et exploitation restent à traiter.

Claude Design : qu'est-ce que c'est, et qu'est-ce qui a changé en 2026 ?

Claude Design est l'outil d'Anthropic qui produit des maquettes, des prototypes cliquables, des documents d'une page et d'autres supports visuels à partir d'une conversation avec Claude. Vous décrivez ce que vous voulez, Claude dessine une première version sur un canevas à côté de la conversation, et vous la corrigez. Cet article ne fait pas le tour du produit : il le met à l'épreuve d'un cas de PME industrielle, l'écran de suivi de production qui doit remplacer un fichier Excel.

Son statut a changé depuis le lancement. Les étapes publiées par Anthropic, au 16 octobre 2026 :

Ce que l'outil sait faire

• En entrée : un texte, des captures d'écran, des fichiers DOCX, PPTX ou XLSX, un dépôt de code.
• Partage : chaque maquette est privée par défaut ; les personnes avec qui vous la partagez peuvent la consulter, la commenter ou la modifier.
• Export : .zip, PDF, PPTX, Google Slides, HTML autonome, ou envoi vers Canva, Miro, Gamma et d'autres outils.
• Développement : la maquette se transmet à Claude Code, en local ou sur le web.

Claude Design gratuit : que contient chaque offre ?

Oui, Claude Design est gratuit au sens où il est inclus dans l'offre Free. Mais il consomme les mêmes limites d'usage que le reste de votre travail avec Claude, Claude Code compris : il n'y a plus d'enveloppe séparée. Une maquette complète consomme davantage qu'un message ordinaire, et une fois la limite atteinte, Design est indisponible jusqu'à sa remise à zéro, sauf si vous avez activé les crédits d'usage supplémentaires. Pour les prix des offres payantes, voyez notre comparatif Claude Max ou Pro.

La vraie différence entre les offres tient aux données. Sur Free, Pro et Max, ce sont des offres grand public : vos conversations servent à entraîner les modèles si vous l'avez accepté dans vos réglages. Sur les offres professionnelles (Team, Enterprise, API), elles n'y servent pas par défaut. Dans les deux cas, le contenu part chez Anthropic, dont nous avons détaillé les offres et la localisation des données. Pour maquetter un écran de production, cela tranche une question pratique : une maquette n'a pas besoin de vraies données.

Le cas d'usage : l'écran de suivi de production qui remplacera un fichier Excel

Prenons un exemple illustratif. Une PMI d'usinage de 120 salariés suit sa production dans un classeur « suivi prod ». Le chef d'atelier y recopie chaque soir les fiches papier des opérateurs : ordre de fabrication (OF), poste, quantités bonnes, rebuts, arrêts et leur durée. Un onglet calcule le taux de rendement synthétique, une cellule rouge signale un poste en retard, et une seule personne sait pourquoi la colonne K ne doit pas être triée. Pourquoi quitter ce fichier : voyez notre article remplacer Excel par une application métier.

La cible est modeste : un écran tactile au poste, où l'opérateur déclare le début et la fin d'un OF, ses pièces bonnes, ses rebuts avec leur motif, et ses arrêts avec leur cause. Un second écran donne au chef d'atelier l'état de chaque poste. L'ERP reste en place et garde les OF : l'écran le complète, il ne le remplace pas. Les déclarations alimentent ensuite le calcul du TRS sans ressaisie. Pour savoir si ce besoin relève d'un MES du marché ou d'un outil sur mesure, voyez notre article MES ou suivi de production sur mesure.

Avant de développer quoi que ce soit, il faut que les opérateurs voient cet écran. C'est là que Claude Design sert.

Tutoriel Claude Design : maquetter l'écran en six étapes

1. Partir du fichier Excel, mais sans ses données

Claude Design accepte un fichier XLSX en entrée, et c'est le meilleur point de départ : les colonnes du classeur disent quelles informations l'écran doit recueillir. Mais n'importez pas le fichier de production. Faites-en une copie, gardez les en-têtes, l'onglet des causes d'arrêt et une dizaine de lignes inventées, et supprimez les noms des opérateurs.

Notez à part les règles que le tableur cache : la couleur qui tient lieu de statut, la formule qui exclut les arrêts planifiés, la colonne remplie seulement pour certains clients. La maquette ne les reproduira pas ; le développement, si.

2. Rédiger un brief qui décrit l'atelier

Le centre d'aide d'Anthropic recommande un brief en quatre parties : l'objectif, la disposition, le contenu et le public. Pour notre exemple, cela donne :

Objectif : un écran tactile de déclaration de production pour les opérateurs
d'un atelier d'usinage. Il remplacera le fichier Excel « suivi prod » joint.

Disposition : tablette 10 pouces en paysage, fixée au poste. En haut, l'OF en
cours (numéro, article, quantité prévue). Au centre, trois gros boutons :
Démarrer, Arrêt, Terminer. En bas, la saisie des pièces bonnes et des rebuts.

Contenu : à l'arrêt, l'opérateur choisit une cause dans la liste de l'onglet
« causes » ; au rebut, il choisit un motif. Pas de clavier, sauf pour les
quantités.

Public : opérateurs en gants, lecture à un mètre. Ajoute un second écran pour
le chef d'atelier, avec l'état de chaque poste.

Propose deux dispositions différentes.

Écrivez avec les mots de l'atelier (« OF », « rebut », « poste ») : ce sont eux que les opérateurs liront.

3. Appliquer votre charte ou votre design system

Si votre entreprise a déjà une application interne dont les composants sont écrits en React, la commande /design-sync de Claude Code lit ses couleurs, ses typographies et ses composants, et en fait un design system que Claude Design réutilise. Sans application existante, demandez à Claude, dans une conversation, de construire ce design system à partir de votre logo, de vos polices et d'une présentation à vos couleurs. Anthropic prévient lui-même que l'import vaut ce que vaut sa source : un code désordonné se retrouve dans la maquette.

Sur l'offre Free, qui n'a pas les design systems, décrivez vos couleurs et vos polices dans le brief.

4. Affiner : commentaires, retouches et variantes

Trois façons de corriger, selon la nature du changement :

• le commentaire posé sur un élément, pour une retouche locale (« ce bouton doit être deux fois plus grand ») ;
• la conversation, pour un changement de structure (« ajoute un écran de choix de l'OF avant la déclaration ») ;
• la retouche directe sur le canevas, pour déplacer ou aligner un bloc.

Demandez aussi à Claude de relire la maquette sur l'accessibilité et le contraste : c'est prévu par l'outil, et utile pour un écran lu sous l'éclairage d'un atelier. Claude Design n'a pas encore d'historique des versions : avant de tenter une autre piste, demandez-lui d'enregistrer l'état actuel.

5. Faire valider la maquette par l'atelier

C'est l'étape qui justifie les autres : une maquette validée par le seul chef d'atelier reste une maquette de bureau.

Les opérateurs n'ont en général pas de compte Claude. Deux solutions simples : présenter la maquette depuis le compte du chef de projet, sur une tablette posée au poste, ou l'exporter en HTML autonome pour l'ouvrir dans le navigateur de la tablette (vérifiez avant la séance que les enchaînements cliquables fonctionnent dans le fichier exporté). Le partage par lien n'existe pas sur l'offre Free ; sur les offres Team et Enterprise, le partage hors de l'organisation dépend d'un réglage du propriétaire de l'organisation.

Au poste, posez des questions précises :

• Les mots : l'opérateur dit-il « rebut », « déchet » ou « pièce NC » ? La liste des causes d'arrêt correspond-elle à ce qui arrive vraiment ?
• Les gestes : combien de touches pour déclarer un arrêt ? Les boutons se pressent-ils avec des gants ?
• Les cas réels : que se passe-t-il quand un OF est interrompu pour un OF urgent, ou partagé entre deux équipes ?
• Ce que chacun voit : l'opérateur doit-il voir la cadence des autres postes ?

Corrigez en séance si possible, une seule personne tenant le crayon : l'édition simultanée à plusieurs reste rudimentaire, selon Anthropic.

6. Transmettre la maquette à Claude Code

Quand la maquette est validée, le menu d'export propose de la transmettre à Claude Code, sur votre poste (local coding agent) ou sur Claude Code Web. Claude Code repart alors du travail existant au lieu de reconstruire l'écran d'après une image. Depuis Claude Code, la commande /design importe aussi un design dans le code d'un projet. Claude Code n'est pas inclus dans l'offre Free : il demande une offre Pro, Max, Team ou Enterprise, ou un compte Console. Pour l'installer, suivez notre tutoriel installer Claude Code sur macOS, Windows et Linux.

Joignez à la maquette ce qu'elle ne contient pas : le compte rendu de la séance à l'atelier, les règles de gestion notées à l'étape 1 et le fichier Excel anonymisé. C'est ce dossier, plus que les écrans, qui permet à un développeur, humain ou agent, de construire le bon outil.

Claude Design skill : la commande /design, les skills et le design system

« Claude Design skill » recouvre trois choses distinctes.

• La commande /design de Claude Code est elle-même présentée par Anthropic comme une skill : elle amène le canevas de Claude Design dans le terminal et l'application de bureau. Vous lancez /design suivi d'un brief, Claude publie un canevas de plans de travail, vous choisissez une option et lui demandez de l'implémenter.
• La skill frontend-design est un fichier d'instructions publié par Anthropic dans son dépôt public de skills et comme extension de Claude Code. Elle pousse Claude vers des choix de typographie, de couleurs et de mise en page délibérés plutôt que vers des interfaces génériques, quand il écrit le code d'une interface.
• Vos propres skills : une skill est un dossier d'instructions, de scripts et de ressources que Claude charge quand la tâche s'y prête. Elles existent sur toutes les offres, Free comprise (exécution de code activée), et le propriétaire d'une organisation Team ou Enterprise peut les distribuer à tous. Une PME peut y écrire ses conventions d'écran d'atelier (taille des boutons, vocabulaire, couleurs d'état) au lieu de les répéter à chaque brief.

Pour l'identité visuelle, en revanche, l'outil prévu dans Claude Design est le design system, géré dans Réglages > Design systems, que l'administrateur peut verrouiller pour toute l'équipe.

Ce que Claude Design ne remplace pas

L'essentiel du travail d'une application métier ne se voit pas sur un écran.

L'architecture : où vivent les données, et qui parle à l'ERP

La maquette affiche des OF inventés. Elle ne dit pas d'où viendront les vrais : une interface avec l'ERP, un export planifié, une saisie manuelle ? Elle ne dit pas non plus qui fait foi quand l'ERP et l'écran divergent, ni ce qui se passe quand le réseau de l'atelier tombe. Ces choix décident du coût et de la robustesse de l'outil, et ils se posent en surcouche de l'ERP, pas à sa place.

Le modèle de données et la reprise du fichier Excel

Derrière l'écran, il faut décrire les objets (OF, poste, déclaration, cause d'arrêt, motif de rebut), leurs liens et leurs règles : quand un OF est-il clos ? un arrêt de moins de deux minutes compte-t-il ? Il faut ensuite reprendre l'historique du classeur, avec ses dates saisies en texte et ses couleurs qui tiennent lieu de statut. C'est souvent le premier poste de coût d'un projet, comme le montre notre article sur le prix d'un logiciel sur mesure.

La sécurité et l'exploitation

Qui se connecte, et qui peut corriger une déclaration ? Les modifications sont-elles tracées ? Qui héberge, sauvegarde et met à jour l'application ? Dès que l'écran enregistre qui a déclaré quoi, il traite des données personnelles, et l'article 32 du RGPD impose des mesures de sécurité adaptées au risque. Une maquette n'a rien de tout cela.

Et Claude Dashboards ?

En bêta depuis le 8 octobre 2026 sur les offres payantes, Claude Dashboards construit des tableaux de bord à partir d'une plateforme de données (BigQuery, Databricks, Snowflake…) ou d'un CRM. Il lit des données qui existent déjà ; il ne recueille pas de déclarations au poste.

Quel impact concret pour une PME ou une ETI industrielle ?

Le premier écran ne dépend plus d'un graphiste. Un responsable méthodes, un chef de projet ou un responsable amélioration continue peut produire une maquette crédible à partir de son fichier. Le dirigeant voit ce qu'il finance avant de le financer.

L'atelier entre dans le projet au début, pas à la livraison. Les opérateurs réagissent à un écran, rarement à un cahier des charges. Les objections (« avec des gants, ce bouton ne marche pas ») arrivent quand elles ne coûtent qu'une retouche.

Les devis deviennent comparables. Deux prestataires qui reçoivent la même maquette validée, les mêmes règles de gestion et le même fichier source chiffrent le même périmètre.

La maquette accélère le démarrage, pas tout le projet. Notre méthode met une application métier en production en 4 semaines, à partir de 20 000 € HT : une semaine de recueil des besoins et d'architecture, deux de développement, une de mise en production et de formation. Une maquette validée ne remplace pas les ateliers de la première semaine, mais elle leur donne un point de départ concret. L'IA écrit le code, nos ingénieurs et docteurs en IA le relisent et le valident, et le code source vous appartient. C'est le principe de notre développement de logiciel sur mesure, détaillé dans l'article logiciel métier en 4 semaines.

L'outil se gouverne comme le reste de Claude. Choisir le type de compte, décider quelles données peuvent entrer dans une maquette, imposer le design system de l'entreprise : ces règles se fixent avant d'ouvrir l'outil à tous, et s'apprennent. C'est l'objet de nos formations.

Les limites de Claude Design à connaître

Anthropic publie lui-même plusieurs limites dans son centre d'aide, au 16 octobre 2026 :

• pas d'historique des versions ;
• l'édition simultanée à plusieurs reste rudimentaire et peut ne pas fonctionner de façon fiable ;
• les commentaires n'apparaissent pas toujours sur la page (ils restent visibles dans la vue des commentaires) ;
• l'import d'un design system ne vaut que ce que vaut sa source.

S'y ajoute la fermeture du site autonome le 14 décembre 2026 : les conversations et les commentaires qui y sont restés ne seront plus accessibles, et ses liens publics cesseront de fonctionner. Si vos équipes l'utilisaient, migrez vos design systems depuis la page Artifacts de Claude avant cette date.

Notre réserve principale est ailleurs. Une maquette soignée peut convaincre un comité de direction qu'un outil est presque prêt alors que rien n'est construit : ni l'interface avec l'ERP, ni la reprise des données, ni la sécurité. Présentez-la pour ce qu'elle est, une hypothèse validée par ses utilisateurs.

Conclusion : montrer l'écran avant de l'écrire

Claude Design ne change pas la façon de construire un logiciel. Il change le moment où les utilisateurs le voient. Pour une PME qui veut sortir d'un fichier Excel critique, c'est un gain réel : l'atelier valide un écran avant que le développement commence, et la maquette passe à Claude Code sans être redessinée.

Le reste ne bouge pas. Architecture, données, sécurité et exploitation font toujours la différence entre une maquette qui plaît et un outil qui tourne tous les jours. Le bon usage consiste à faire les deux dans l'ordre : maquetter vite avec ceux qui s'en serviront, puis construire avec ceux qui sauront le faire tourner.

Lire aussi : Application métier : définition, exemples et quand la faire sur mesure

Sources

• Anthropic — Introducing Claude Design by Anthropic Labs (17/04/2026)
• Anthropic — Claude Dashboards and Claude Motion are now in beta ; Docs, Slides and Design out of beta (08/10/2026) et Cowork is now Claude (16/09/2026)
• Anthropic — Page produit Claude Design, FAQ (consultée le 16/10/2026)
• Centre d'aide Claude — Get started with Claude Design, Set up your design system in Claude Design, Share artifacts et Migrate from standalone Claude Design to Claude (consultés le 16/10/2026)
• Documentation Claude Code — Artifacts, « Draft a design canvas » et « Availability », Set up Claude Code (consultées le 16/10/2026) et Week 34 · August 17–21, 2026
• Anthropic — What are skills? (consulté le 16/10/2026) et dépôt anthropics/skills, skill frontend-design (mise à jour du 03/09/2026)
• Anthropic Privacy Center — offres grand public (16/03/2026) et offres professionnelles (18/08/2026)
• EUR-Lex — Règlement (UE) 2016/679 (RGPD), article 32 (27/04/2016)

Votre suivi de production tient-il encore dans un fichier que seul le chef d'atelier sait remplir ? Vos opérateurs ont-ils déjà vu l'écran qui doit le remplacer ? Parlons-en : nous vous aidons à choisir le processus à outiller en premier, puis à mettre votre outil métier en production en 4 semaines.