Système de tokens de design
Créer un système de tokens cohérent
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Crée un système de design tokens pour [marque/produit] couvrant : couleurs (primitives et sémantiques), typographie (scales, weights, line-heights), espacement (système d'échelle), ombres, border-radius, et durées d'animation. Organise en 3 niveaux (global, alias, component). Génère les noms en convention [kebab-case/camelCase] et leurs valeurs.
Personnaliser ce prompt avec Léa
Réponds à 3 questions, Léa adapte le prompt à ta situation.
Cas d'usage
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
Pour une implémentation robuste, ajoutez un niveau "core" en amont avec des tokens bruts (ex: `--color-red-500: #ef4444;`). Cela facilite les futurs thèmes sans casser les dépendances. Utilisez aussi des tokens de motion pour les easings.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Guide de contribution au design system
Gouverner le design system
Prompt Claude pour créer un design UI
Claude est devenu un allié incontournable pour les designers et développeurs qui souhaitent créer des interfaces utilisateur de qualité professionnelle. Grâce à sa compréhension approfondie des principes de design, des frameworks CSS modernes et des bonnes pratiques UX, Claude peut générer des maquettes complètes en HTML/CSS, proposer des systèmes de design cohérents et produire du code frontend prêt à l'emploi. Que vous conceviez une landing page, un tableau de bord ou une application mobile, Claude analyse vos besoins fonctionnels et esthétiques pour produire des interfaces visuellement soignées, accessibles et responsive. L'avantage majeur réside dans sa capacité à itérer rapidement : vous décrivez votre vision, Claude génère une première version, puis vous affinez ensemble jusqu'au résultat souhaité. Il maîtrise Tailwind CSS, shadcn/ui, les principes de hiérarchie visuelle, la théorie des couleurs et les standards d'accessibilité WCAG. Contrairement aux outils de design traditionnels, Claude comprend le contexte métier de votre projet et adapte ses propositions en conséquence, ce qui en fait un outil particulièrement puissant pour le prototypage rapide et la production d'interfaces finales.
Audit de design system existant
Améliorer un design system existant
Design sprint facilitation
Faciliter un Design Sprint