getdesign.md vs Design Extractor
Design Extractor crée un DESIGN.md à partir de n’importe quelle URL publique que vous lui donnez. Le fichier suit la spécification DESIGN.md de Google et livre chaque composant repéré sur la page sous forme de recette HTML et CSS que votre agent de code peut reconstruire. Chaque recette est vérifiée sur le site en ligne ou signalée avec la raison. Il fonctionne aussi sur les sites qui ne répondent qu’aux visiteurs de certains pays.
getdesign.md est une collection organisée de fichiers DESIGN.md prêts à l’emploi pour des marques connues. Voici comment les deux se comparent. Vous découvrez le format ? Lisez ce qu’est un DESIGN.md.
Vérifié le sur getdesign.md, sa page de demande, la page Catalog Pass et le dépôt awesome-design-md. Les offres et les prix évoluent : vérifiez sur leur site avant de vous décider.
Pourquoi Design Extractor
Suit la spécification DESIGN.md de Google
Le front matter YAML n’utilise que les propriétés définies par la spécification, sans clé de premier niveau personnalisée. Les sections canoniques suivent l’ordre de la spécification, d’Overview à Do’s and Don’ts. Les entrées de composants du front matter n’utilisent que les huit propriétés de la spécification, avec des valeurs littérales. Vérifiez n’importe quel fichier avec le validateur DESIGN.md gratuit.
Une recette pour chaque composant repéré sur la page
L’en-tête, le pied de page, les boutons, les champs, les cartes et les autres composants repérés sur la page sont chacun livrés sous forme de recette : du HTML et du CSS épurés avec des valeurs littérales, dans la section Components du DESIGN.md. Chaque recette liste ses parties et les états de survol et de focus observés sur le site, pour que votre agent de code puisse reconstruire le composant au lieu de le deviner.
Vérifié sur le site en ligne
Chaque recette est rendue seule et vérifiée sur le site en ligne : une correspondance structurelle des parties rendues avec ce qui a été mesuré sur la page, et une comparaison au pixel avec une nouvelle capture de l’élément réel. Une recette qui échoue est reconstruite et vérifiée à nouveau. Celle qui ne passe toujours pas est signalée avec la raison, jamais livrée comme vérifiée. La page de résultat indique dans quelle mesure les composants correspondent et quelle part des couleurs et des styles de texte du site est couverte : voir Stripe dans la galerie.
Fonctionne sur les sites restreints par région
Certains sites ne répondent qu’aux visiteurs de certains pays. Quand une extraction échoue pour cette raison, la page de résultat propose un sélecteur de pays, avec en premier les pays depuis lesquels la page se charge, et lance la même extraction via un navigateur situé dans le pays choisi. Une extraction depuis un autre pays coûte le prix Pro plus un supplément de 6 (soit 16 crédits au total). Si l’extraction échoue, nous vous remboursons vos crédits.
Côte à côte
| getdesign.md | Design Extractor | |
|---|---|---|
| Conformité à la spécification | Reprend la structure de la spécification DESIGN.md de Google : les tokens dans le front matter YAML et les sections canoniques dans l’ordre de la spécification. | Suit la spécification DESIGN.md de Google : un front matter limité aux propriétés de la spécification, sans clé de premier niveau personnalisée, les sections canoniques dans l’ordre de la spécification, et des entrées de composants limitées aux huit propriétés de la spécification, avec des valeurs littérales. |
| Recettes de composants | Les composants sont définis sous forme de tokens dans le front matter et décrits en prose, sans HTML. | Chaque composant repéré sur la page, comme l’en-tête, le pied de page, les boutons, les champs et les cartes, est livré sous forme de recette : du HTML et du CSS épurés dans la section Components, pour que votre agent de code puisse le reconstruire. |
| Vérifié sur le site en ligne | Non proposé | Oui. Chaque recette est rendue seule et vérifiée sur le site en ligne : une correspondance structurelle de ses parties et une comparaison au pixel. Un composant qui ne passe pas est signalé avec la raison, jamais livré comme vérifié. |
| Sites restreints par région | Les fichiers viennent du catalogue ou d’une demande privée. | Oui. Quand un site bloque les visiteurs de certains pays, l’extraction échouée propose un sélecteur de pays, avec en premier les pays depuis lesquels la page se charge, et lance la même extraction via un navigateur situé là-bas. Une extraction depuis un autre pays coûte le prix Pro plus un supplément de 6 (soit 16 crédits au total). |
| Ce que c’est | Une collection organisée de fichiers DESIGN.md analysés à partir de vrais sites, maintenue par l’équipe VoltAgent. | Un générateur : vous lui donnez une URL publique, il renvoie le DESIGN.md de ce site. |
| N’importe quel site à la demande | Pas instantanément. Pour un site hors de l’ensemble gratuit, vous envoyez une demande privée payante, et le fichier est livré dans votre boîte de réception. | Oui. Collez n’importe quelle URL publique et l’extraction démarre aussitôt. Le DESIGN.md s’ouvre sur la page de résultat une fois terminé. |
| Fichiers gratuits | Oui. Un ensemble gratuit que vous pouvez télécharger ou installer avec npx getdesign@latest add stripe. 84 de ces fichiers figurent aussi dans le dépôt GitHub awesome-design-md, sous licence MIT. | Les extractions sont payantes. La galerie des fichiers DESIGN.md que nous avons déjà extraits est libre de lecture et de copie. |
| Couverture | Un catalogue de 551 sites. Hors de l’ensemble gratuit, une entrée du catalogue affiche un aperçu et propose une demande payante, pas un téléchargement. | N’importe quel site public, plus une petite galerie de marques déjà extraites. |
| Prix | Ensemble gratuit : gratuit. DESIGN.md privé : 39 $US en paiement unique (prix affiché : 59 $US). Catalog Pass : 99 $US par mois pour 45 fichiers sélectionnés, avec 5 ou plus ajoutés chaque mois. | Crédits prépayés, sans abonnement. Les packs commencent à 5 $US pour 50 crédits ; une extraction Pro coûte 10 crédits. Les crédits n’expirent jamais. |
| Comment le fichier est créé | Une analyse indépendante des modèles publiquement observables du site, sélectionnée comme point de départ pour s’inspirer. | Rendu à partir du site en ligne dans un navigateur, au moment où vous lancez l’extraction. Le mode Pro échantillonne les pages clés du site. |
| Fraîcheur | Un instantané datant de l’analyse du site. Les entrées n’indiquent aucune date d’analyse. | Aussi à jour que le moment où vous lancez l’extraction. Réextraire plus tard lance une nouvelle extraction payante. |
| Accès pour les agents | Une CLI qui installe un DESIGN.md par son nom. Ni serveur MCP ni API. | Un serveur MCP pour Claude Code, Cursor, Codex, ChatGPT et d’autres clients, et une extension Chrome pour l’onglet ouvert. |
| Extras | Des aperçus en direct, clairs et sombres, de chaque fichier, et des kits de démarrage (le kit site web coûte 249 $US en paiement unique, prix affiché : 299 $US). | Des outils gratuits : un validateur DESIGN.md, un détecteur de polices de site web et un extracteur de palette de couleurs. |
Ce que propose getdesign.md
- Un ensemble gratuit de fichiers DESIGN.md pour des marques connues, la plupart également sur GitHub sous le nom awesome-design-md, sous licence MIT.
- Une installation en une ligne depuis le terminal avec npx getdesign.
- Des aperçus en direct, clairs et sombres, de chaque fichier.
- Des fichiers DESIGN.md privés pour d’autres sites sur demande, livrés par e-mail, et un Catalog Pass mensuel.
- Des kits de démarrage, comme un kit site web.
Une collection ou n’importe quelle URL à la demande
Une collection est rapide quand la marque que vous voulez s’y trouve. Votre propre produit, le site d’un client ou un petit concurrent figurent rarement dans un catalogue. getdesign.md y répond par une demande privée payante, livrée par e-mail.
Design Extractor y répond par une extraction que vous lancez vous-même : collez l’URL sur la page d’accueil et le DESIGN.md est créé à partir du site en ligne, avec des recettes vérifiées sur celui-ci. Consultez des fichiers terminés dans la galerie.
Comment passer de getdesign.md à Design Extractor
- Collez l’URL du site sur la page d’accueil de Design Extractor et lancez une extraction Pro.
- Enregistrez le résultat sous le nom DESIGN.md à la racine de votre dépôt, à la place de l’ancien fichier, et gardez la référence dans AGENTS.md ou CLAUDE.md. Vérifiez-le avec le validateur DESIGN.md gratuit si vous le modifiez à la main.
- Ou laissez votre agent s’en charger : connectez le serveur MCP et demandez-lui d’extraire le site.
Verdict
Choisissez Design Extractor si vous avez besoin d’un DESIGN.md pour n’importe quel site à la demande, pas seulement ceux d’un catalogue, avec des recettes de composants vérifiées sur le site en ligne. Il lit le site tel qu’il est au moment où vous lancez l’extraction et suit la spécification de Google, avec une recette pour chaque composant repéré sur la page ; une recette qui ne passe pas est signalée avec la raison. Votre agent peut lancer lui-même des extractions via le serveur MCP.
Autres comparatifs
designmd.me vs Design Extractor
Deux générateurs URL vers DESIGN.md comparés sur la conformité à la spécification, les recettes de composants, les vérifications sur le site en ligne et le prix.
Refero Styles vs Design Extractor
Une grande bibliothèque gratuite de styles de sites, comparée à un DESIGN.md conforme à la spécification, avec des recettes de composants vérifiées sur le site en ligne, à partir de n’importe quelle URL.
TypeUI vs Design Extractor
L’extension Chrome gratuite de TypeUI, qui remplit son propre modèle à partir des styles de votre onglet, comparée à un DESIGN.md conforme à la spécification avec des recettes de composants vérifiées sur le site en ligne.
FAQ
getdesign.md vs Design Extractor : questions
Des réponses courtes sur getdesign.md et Design Extractor, vérifiées le 2026-10-20.
En partie. L’ensemble gratuit de getdesign.md, en grande partie également sur GitHub sous le nom awesome-design-md sous licence MIT, peut être téléchargé ou installé avec npx getdesign. Un DESIGN.md privé pour un autre site coûte 39 $US en paiement unique, et le Catalog Pass coûte 99 $US par mois. Prix vérifiés le 2026-10-20.
Oui, sous forme de demande privée payante : vous soumettez l’URL et ils livrent le fichier dans votre boîte de réception. Le 2026-10-20, le site ne proposait pas de générateur instantané en libre-service. Design Extractor génère un DESIGN.md à partir de n’importe quelle URL publique dès que vous lancez l’extraction.
Oui. Le front matter n’utilise que les propriétés de la spécification, sans clé de premier niveau personnalisée, les sections canoniques suivent l’ordre de la spécification, et les entrées de composants n’utilisent que les huit propriétés de la spécification, avec des valeurs littérales. Le validateur DESIGN.md gratuit vérifie n’importe quel fichier par rapport à la spécification.
Chaque recette est rendue seule et comparée au site en ligne : une correspondance structurelle de ses parties avec ce qui a été mesuré sur la page, et une comparaison au pixel avec une nouvelle capture de l’élément réel. Une recette qui échoue est reconstruite et vérifiée à nouveau ; celle qui ne passe toujours pas est signalée avec la raison.
Non. Les extractions utilisent des crédits prépayés : les packs commencent à 5 $US pour 50 crédits et une extraction Pro coûte 10 crédits. Les crédits n’expirent jamais et il n’y a pas d’abonnement. Parcourir la galerie et utiliser les outils gratuits ne coûte rien.
Oui. Les deux vous donnent un DESIGN.md que vous placez dans votre dépôt et indiquez à votre agent. Passer à Design Extractor ne change rien à la configuration de votre agent.
Obtenez un DESIGN.md pour le site qu’il vous faut
Collez n’importe quelle URL publique. Le mode Pro échantillonne les pages clés du site et renvoie un DESIGN.md conforme à la spécification, avec des recettes de composants vérifiées sur le site en ligne.