Claude Design peut transformer des éléments de marque autorisés en un système utilisable dans de nouvelles créations et présentations. Le résultat utile dépasse une palette : il s’agit de règles enregistrées et vérifiées pour les couleurs, la typographie, les composants et la mise en page, dont vous pouvez contrôler l’application. Ce guide s’adresse au responsable de marque ou au designer autorisé à traiter les fichiers sources et à approuver le résultat. La procédure est documentée ; BIG CHANGE n’a créé ni testé de système dans un compte Claude.

Le changement majeur

  • Ce qui change : Le parcours actuel par le chat et Artifacts permet à un responsable autorisé de créer des règles réutilisables à partir de références de marque approuvées. Le système généré doit encore être vérifié avant son utilisation en équipe.
  • Pourquoi cela compte : Comparer et corriger les règles, puis tester une nouvelle création permet de vérifier si le système enregistré applique réellement l’identité de marque voulue.
  • À surveiller : Le responsable doit toujours vérifier l’application des règles dans cette création, les droits sur les éléments et polices, l’accessibilité et les destinataires du partage. Un premier résultat séduisant ne répond pas à ces questions.

Préparer les sources et le compte

Les systèmes de design sont en bêta sur Pro, Max, Team et Enterprise. Claude Design de base est accessible plus largement, sans que chaque compte dispose de la fonction Design systems. Vérifiez le compte et l’organisation prévus. Sur Enterprise, un responsable peut devoir activer Design systems dans Organization settings > Artifacts ; les paramètres et rôles personnalisés peuvent aussi limiter l’accès. Réglez toute exigence de stockage ou de résidence des données avant l’envoi : Anthropic indique que Claude Design ne prend actuellement pas en charge les exigences de résidence des données et conserve durablement les éléments importés.

Rassemblez au moins une source approuvée : charte actuelle, logos et polices autorisés, présentation représentative ou bibliothèque de composants vous appartenant. Pour chacune, notez propriétaire, version, droits d’utilisation et de traitement, et conflits connus. Faites résoudre par le responsable les divergences de couleurs, de licences ou de règles de logo. Une décision manquante reste ouverte ; Claude ne peut pas approuver une valeur à sa place. Choisissez une création représentative dont l’équipe a réellement besoin et décidez qui peut examiner puis recevoir le système.

Conservez un dossier privé avec versions et droits des sources, compte, organisation, nom et propriétaire du système, ainsi que la révision examinée. Prévoyez les rôles et valeurs des couleurs, familles et licences des polices, variantes et règles des logos, variantes et états des composants, espacements et mise en page, résultats indépendants d’accessibilité, identité de la création test, approbation et vérification du partage. Ce sont vos traces de contrôle, pas des champs promis par Claude.

Construire et examiner le système

  1. Ouvrez Design systems dans le compte prévu. Vérifiez la disponibilité et la bonne organisation. Le parcours actuel d’Anthropic permet de demander dans le chat un système à partir de références connectées ou importées, puis de le gérer dans Settings > Design systems. Si l’accès manque, notez précisément l’obstacle de forfait, fonction ou rôle. Ne déplacez pas des éléments sensibles vers un compte personnel pour le contourner.
  2. Fournissez les références approuvées et une demande délimitée. Importez ou connectez uniquement les éléments que vous avez le droit de traiter. Une demande simple suffit : « Crée un système de design à partir de ces références approuvées. Indique la source de chaque couleur, règle typographique, instruction de logo, composant et schéma de mise en page proposés. Signale les règles manquantes ou contradictoires au responsable au lieu de les inventer. » Notez les versions réellement fournies et l’identité du système créé. Si un véritable système existe déjà sous forme de composants React, Anthropic documente /design-sync dans Claude Code comme autre parcours ; utilisez-le uniquement avec du code et des accès autorisés.
  3. Confrontez le système généré aux sources. Dans son artefact, inspectez chaque rôle et valeur de couleur importants ; famille, graisse, échelle et licence de police ; variante de logo, espace de protection et usages interdits ; composant, variante et état ; espacement, grille et schéma de mise en page. Vérifiez que les notes expliquent quand chaque règle s’applique. Marquez comme non résolus les éléments sans fondement ou absents et obtenez la décision du responsable avant modification. Un concept de logo généré ne devient pas une marque autorisée parce qu’il semble plausible.
  4. Corrigez, documentez et enregistrez une révision vérifiée. Demandez de modifier uniquement les règles appuyées par une source approuvée ou une décision explicite du responsable. Rouvrez le système enregistré et comparez les corrections aux références. Gardez votre propre historique daté et une copie autorisée des consignes : selon Anthropic, Claude Design n’a pas encore d’historique des versions. Associez identité du système, propriétaire, versions sources, vérificateur et points ouverts à la révision à tester.
  5. Effectuez des contrôles hors de l’artefact du système. Mesurez les couples texte-fond prévus, y compris les états des composants, avec un outil indépendant de contraste et la norme applicable au projet. Le critère minimal WCAG 2.2 est de 4.5:1 pour le texte courant et 3:1 pour le grand texte, sous réserve des exceptions indiquées. Vérifiez droits et lisibilité des polices, mise en page adaptative, visibilité du focus et clavier dans la création réelle lorsque ces contrôles sont possibles. Anthropic indique que les aperçus de composants de l’artefact ne sont pas accessibles ni manipulables avec Tab ; lire leurs noms et notes n’est pas un test clavier. Consignez les contrôles impossibles comme non résolus. Un contraste conforme ne prouve pas l’accessibilité globale.
  6. Testez l’application du système dans un nouveau travail. Lancez une création représentative neuve depuis le chat ou le modèle Design d’Artifacts, en joignant ou sélectionnant le système vérifié. Inspectez la zone de travail aux tailles pertinentes et comparez couleurs, typographie, logos, composants, états et espacements à la révision enregistrée. Si une règle dérive, corrigez le système ou la création selon le cas, recréez ou actualisez le test et inspectez-le à nouveau. Rouvrez le système et la création test dans le compte prévu. Un test réussi décrit cette création ; il ne garantit pas tous les résultats suivants.
  7. Partagez seulement après la décision du responsable. Les créations commencent en privé. Si le résultat attendu est un système privé vérifié, laissez-le privé et notez cet état. Si l’équipe est autorisée à l’utiliser, employez les commandes actuelles de partage d’Artifacts et relisez les destinataires. Toute personne ayant accès à Design systems peut créer un système et le partager avec des personnes précises ; un Owner ou Primary Owner doit le partager avec tous ou définir le choix par défaut de l’organisation. Le système doit être partagé avec tous avant de devenir ce choix. Pour partager à toute l’organisation le système d’un autre créateur, Owner ou Primary Owner doit d’abord être invité par ce créateur au niveau d’accès le plus élevé. Vérifiez propriétaire final, destinataires et valeur par défaut dans le bon compte. L’application distincte claude.ai/design a ses propres commandes de publication et doit fermer le 14 décembre 2026 ; son interrupteur Published n’est pas l’étape de partage d’Artifacts.

Lorsque le résultat ne passe pas les contrôles

Si la fonction manque, vérifiez forfait, réglage Artifacts et rôle, puis respectez la limite d’accès précise. En cas d’échec d’importation ou de connexion, examinez la réponse et la source autorisée avant une nouvelle tentative limitée. Si les sources divergent, renvoyez la décision au responsable ; ne comblez pas le manque avec une valeur générée. Si une règle enregistrée ou une création diffère de la référence approuvée, corrigez puis comparez à nouveau. Si le résultat d’un partage est incertain, relisez les destinataires et le choix par défaut avant de réessayer. Une révision de marque ultérieure exige un nouvel examen des règles et créations tests concernées.

Claude Design utilise le même quota que le reste de Claude, y compris Claude Code ; des crédits supplémentaires peuvent être disponibles s’ils sont activés. Les gros fichiers et itérations répétées consomment davantage. Ce guide n’a mesuré ni durée, ni coût, ni qualité des résultats. Anthropic documente des exports de créations en ZIP, PDF, PowerPoint ou HTML autonome, sans établir un export automatique du système en CSS, JSON, Tailwind ou jetons Figma. Vérifiez tout format aval requis dans le produit actuel avant de promettre une transmission.

Le travail est terminé lorsque le système enregistré a un propriétaire et une révision vérifiée identifiés ; que couleurs, polices, logos, composants et consignes importants sont rattachés à des sources approuvées ; que les contrôles indépendants et points ouverts sont consignés ; qu’une nouvelle création applique visiblement le système ; et que destinataires et choix par défaut ont été relus. Pour un autre parcours vers une spécification approuvée destinée à Claude Code, consultez notre guide DESIGN.md.

Sources et lectures complémentaires