Guides DESIGN.md
Un DESIGN.md transforme le design system d’un site en un fichier que votre agent de code peut lire : couleurs, typographie, espacements, rayons et composants, avec les règles pour les utiliser. Ces guides montrent quoi en faire, étape par étape, chacun avec un exemple concret construit à partir d’un vrai fichier de la galerie DESIGN.md.
Vous découvrez le format ? Commencez par ce qu’est un DESIGN.md. Prêt à en créer un ? Obtenez un DESIGN.md à partir de n’importe quel site.
Guides par cas d’usage
- Développeurs qui codent avec un agent IA
Faire générer à Claude Code et Cursor une interface fidèle à un site
Extrayez un site que vous aimez, déposez son DESIGN.md dans votre dépôt et indiquez-le à votre agent, avec les prompts exacts pour Claude Code et Cursor.
- Fondateurs solo et petites équipes
Pas de designer ? Empruntez un design system éprouvé pour votre app
Comment choisir un site de référence, ce qu’il faut garder de son DESIGN.md et ce qu’il faut changer pour que le résultat soit le vôtre et non une copie.
- Équipes qui préparent une refonte, un rebranding ou une migration
Vous refondez votre site ? Extrayez d’abord son design system
Capturez votre site actuel en DESIGN.md avant une refonte, un changement d’identité ou de framework, et sachez ce qu’il faut vérifier à la main.
- Designers et agences qui prototypent
Mélanger deux sites de référence en un seul design pour un prototype
Comparez deux fichiers DESIGN.md extraits, token par token, et fusionnez-les en une seule spécification pour un prototype, à la main ou avec votre agent.
- Développeurs qui créent des agents et des workflows d’agents
Donnez à votre agent de code des spécifications de design à la demande avec MCP
Connectez le serveur MCP pour que votre agent puisse extraire seul le DESIGN.md d’un site, attendre le résultat et construire à partir de lui.