Claude Design : concevoir sans designer
22 / 32

Module 4 · Un design system à vos couleursEnviron 2 min

Depuis le code : /design-sync

Si votre système vit déjà dans le code, ne le redécrivez pas. Dans Claude Code, la commande /design-sync lit vos tokens et vos composants et les transmet à Claude Design. Anthropic la recommande aux équipes qui ont une bibliothèque de composants React.

Texte
/design-sync
Le design system au travail
1Les sources Salma joint la charte PDF de la coopérative, ses logos, deux affiches de salon et le deck de l'an dernier.

Jouez les deux cas : la coopérative part de sa charte, l’équipe d’une application de paiement part de son code. Dans les deux, Claude compare chaque création au système avant de l’afficher.

Un très gros dépôtLié directement à Claude Design, un dépôt très volumineux peut ralentir le canevas. Anthropic conseille alors de passer par Claude Code, depuis le dossier du projet.