La création d'un système de design permet à Claude Design de produire des résultats qui correspondent à vos spécifications. Il extrait les composants réutilisables, les couleurs, la typographie et les motifs de vos ressources (bases de code, présentations ou autres références de design) et les utilise comme fondation pour chaque projet créé dans votre compte.
Claude Design par Anthropic Labs est désormais disponible en aperçu de recherche pour les plans Pro, Max, Team et Enterprise. Cette fonctionnalité est désactivée par défaut pour les plans Enterprise.
Ce guide s'adresse au designer ou au propriétaire de marque qui configurera le système de design. Vous ne devez le faire qu'une seule fois ; après la configuration, tous les projets des membres de l'équipe l'utiliseront automatiquement (pour les plans Team et Enterprise).
Conditions préalables
Autorisations accordées par votre administrateur d'organisation pour la configuration du système de design.
Au moins l'un des éléments suivants comme matériel source :
Une base de code avec votre système de design ou bibliothèque de composants
Une présentation ou un document qui reflète votre identité visuelle
Ressources de directives de marque (logos, palettes de couleurs, spécifications typographiques)
Étape 1 : Créez ou basculez vers votre organisation
Pour configurer le système de design de votre organisation :
Ouvrez Claude Design.
Dans le coin inférieur gauche du sélecteur de projet, cliquez sur le nom de l'organisation actuelle.
Sélectionnez votre organisation ou créez-en une nouvelle.
Vous serez redirigé vers le flux d'intégration. Complétez-le.
Étape 2 : Téléchargez vos ressources de marque et de produit
Pendant l'intégration (ou ultérieurement à partir de vos paramètres d'organisation), téléchargez les ressources qui définissent votre marque et votre produit. Claude les analysera et extraira un système de design réutilisable.
Quoi télécharger :
Bases de code : Si votre système de design réside dans le code (par exemple, une bibliothèque de composants React), vous pouvez lier ou télécharger le référentiel. Claude lira les composants et les styles.
Prototypes : Captures d'écran, flux web et fichiers de design existants.
Présentations ou documents : Même un PowerPoint ou un PDF bien conçu qui reflète votre marque peut fonctionner. Claude extrait les couleurs, les motifs de mise en page et les choix typographiques.
Ressources individuelles : Logos, fichiers de palette de couleurs, spécimens typographiques.
Vous n'avez besoin que d'une seule source pour commencer, mais en fournir plusieurs donne à Claude plus de matériel à utiliser.
Étape 3 : Examinez le système de design généré
Après le téléchargement, Claude génère un système de design (kit UI) pour votre organisation. Cela inclut généralement :
Palette de couleurs : Couleurs primaires, secondaires et d'accent extraites de vos ressources.
Typographie : Familles de polices, tailles et poids.
Composants : Boutons, cartes, éléments de navigation et autres motifs UI réutilisables.
Motifs de mise en page : Espacement, systèmes de grille et structures de page.
Pour valider votre système de design, créez un projet de test et vérifiez si le résultat correspond à vos attentes de marque. Essayez des invites comme :
« Créez une page d'accueil pour [votre produit]. »
« Concevez un tableau de bord affichant [les métriques pertinentes]. »
« Créez une présentation sur [un sujet que votre équipe présente couramment]. »
Étape 4 : Mettez-la à disposition de votre équipe
Une fois que vous êtes satisfait de la qualité du système de design, assurez-vous que le bouton bascule « Publié » est activé. Après la publication, tous les projets créés à partir de l'écran d'accueil de Claude Design tout en étant dans votre organisation utiliseront votre système de design au lieu du système par défaut.
Conseils pour de meilleurs résultats
Incluez des exemples réels, pas seulement des spécifications. Une page d'accueil ou un site marketing terminé en dit plus à Claude sur l'ambiance de votre marque qu'une palette de couleurs seule.
Itérez. Si la première extraction ne capture pas bien votre marque, essayez de télécharger des ressources supplémentaires ou différentes.
Mise à jour de votre système de design
Les marques évoluent. Lorsque votre système de design change, vous pouvez le mettre à jour dans Claude Design. À partir de vos paramètres d'organisation Claude Design, cliquez sur le bouton « Ouvrir » à côté du système de design que vous souhaitez modifier. Cliquez sur le bouton « Remix » dans le coin supérieur droit pour ouvrir l'interface de chat sur le côté gauche de la fenêtre. À partir de là, vous pouvez travailler avec Claude pour modifier votre système de design.