designmd.me vs Design Extractor
designmd.me et Design Extractor transforment tous deux l’URL d’un site en DESIGN.md pour votre agent de code IA. Le fichier de Design Extractor 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 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.
Vous découvrez le format ? Lisez d’abord ce qu’est un DESIGN.md.
Vérifié le sur designmd.me, sa page de tarifs, la référence de sa CLI, sa page Figma et un fichier de sa section Discover. 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
| designmd.me | Design Extractor | |
|---|---|---|
| Conformité à la spécification | Écrit un front matter YAML avec les tokens de la spécification, plus des clés de premier niveau que la spécification ne définit pas, comme source, themes et breakpoints. Les sections lui sont propres, numérotées de Visual Theme & Atmosphere à Known Gaps. | 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 | Chaque composant est une liste de valeurs de style, comme le fond, la police, la marge intérieure, la bordure et le rayon, 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 | Non proposé | 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 | Un générateur : collez une URL, obtenez un DESIGN.md. Conçu par Crowdlinker. | Un générateur : collez une URL publique, obtenez le DESIGN.md de ce site. |
| Pages lues | Une seule page (la page d’accueil) ou plusieurs (les pages clés du site), au choix pour chaque extraction. | Le mode Pro échantillonne les pages clés du site. |
| Prix par extraction | 4 crédits pour une page, 8 crédits pour plusieurs pages, facturés uniquement en cas de succès. | 10 crédits pour une extraction Pro. Les extractions qui échouent de notre côté sont remboursées. |
| Packs de crédits | 5 $US pour 50, 15 $US pour 175, 30 $US pour 375, ou une recharge personnalisée. Les crédits n’expirent jamais. | 5 $US pour 50, 10 $US pour 110, 25 $US pour 300. Les crédits n’expirent jamais. Sans abonnement. |
| Démarrage gratuit | 4 crédits gratuits à la première visite et 20 de plus à l’inscription. Aucune carte pour commencer. | Aucun crédit gratuit à l’inscription. La galerie et les outils gratuits ne coûtent rien. |
| Extras | Un fichier d’aperçu HTML (8 crédits de plus), un import Figma de Variables, de Styles et d’un board (12 crédits, une fois par génération), et des comparaisons côte à côte de deux sites. | Une vue Source et Aperçu du fichier et un panneau Système visuel sur la page de résultat, plus des outils gratuits : un validateur DESIGN.md, un détecteur de polices et un extracteur de palette de couleurs. |
| Exemples tout faits | Une section Discover de sites générés, avec des catégories et un classement. | Une galerie de marques déjà extraites, libre de lecture et de copie. |
| Accès pour les agents | Une CLI (@crowdlinker/designmdme) et un skill d’agent pour Claude Code, Cursor et d’autres agents compatibles avec les skills. Aucun serveur MCP. | Un serveur MCP distant pour Claude Code, claude.ai, ChatGPT, Codex, Cursor et d’autres clients, et un plugin pour Claude Code et Codex. |
| Extension de navigateur | Non proposé | Une extension Chrome qui extrait l’onglet ouvert. |
Ce que propose designmd.me
- Des crédits gratuits à la première visite et à l’inscription, sans carte pour commencer.
- Des extractions d’une page à 4 crédits et de plusieurs pages à 8, facturées uniquement en cas de succès.
- Une page de spécimen HTML et un import Figma de Variables et de Styles, chacun contre des crédits supplémentaires.
- Des comparaisons côte à côte des design systems de deux sites.
- Une CLI et un skill d’agent pour Claude Code, Cursor et d’autres agents compatibles avec les skills.
Ce qui les distingue
Les deux outils renvoient un DESIGN.md à partir d’une URL. Design Extractor livre chaque composant repéré sur la page sous forme de recette et la vérifie sur le site en ligne : votre agent sait ainsi quels composants il peut reconstruire tels quels et lesquels ont été signalés, avec la raison. Voyez-le sur Stripe dans la galerie.
Design Extractor s’adapte aussi à votre façon de travailler. Votre agent peut lancer une extraction et lire le résultat via le serveur MCP, et l’extension Chrome extrait l’onglet ouvert. Consultez d’autres fichiers terminés dans la galerie.
Comment passer de designmd.me à 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. Votre référence dans AGENTS.md ou CLAUDE.md continue de fonctionner.
- Pour que votre agent lance lui-même des extractions, connectez le serveur MCP à la place de la CLI de designmd.me.
Verdict
Choisissez Design Extractor si vous avez besoin d’un DESIGN.md qui suit la spécification de Google, avec une recette pour chaque composant repéré sur la page, chacune vérifiée sur le site en ligne ou signalée avec la raison. Il accède aux sites restreints par région. Votre agent peut le lancer via MCP. designmd.me coûte moins de crédits par extraction, comme le montre le tableau.
Autres comparatifs
getdesign.md vs Design Extractor
Une collection organisée de fichiers DESIGN.md prêts à l’emploi, 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.
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
designmd.me vs Design Extractor : questions
Des réponses courtes sur designmd.me et Design Extractor, vérifiées le 2026-10-20.
Le démarrage est gratuit : le 2026-10-20, les nouveaux visiteurs recevaient 4 crédits gratuits, et 20 de plus à l’inscription, sans carte. Ensuite, les packs de crédits commencent à 5 $US pour 50 crédits. Une extraction d’une page coûte 4 crédits et une extraction de plusieurs pages 8.
designmd.me. Ses packs commencent à 5 $US pour 50 crédits et les nôtres à 5 $US pour 50 crédits. Une extraction de plusieurs pages sur designmd.me coûte 8 crédits et une extraction d’une page 4 ; une extraction Pro sur Design Extractor coûte 10. Son aperçu HTML et son import Figma coûtent des crédits supplémentaires.
Un DESIGN.md qui suit la spécification de Google, avec les tokens dans le front matter et chaque composant repéré sur la page, comme l’en-tête, le pied de page, les boutons, les champs et les cartes, sous forme de recette en HTML et CSS épurés. Chaque recette est vérifiée sur le site en ligne avec une correspondance structurelle et une comparaison au pixel, et celle qui ne passe pas est signalée avec la raison.
Non. designmd.me propose une CLI et un skill d’agent, mais aucun serveur MCP. Design Extractor est un serveur MCP distant : claude.ai, Claude Desktop, ChatGPT et Claude Code se connectent avec votre compte, et Codex, Cursor et les scripts utilisent une clé API.
Design Extractor peut lancer l’extraction depuis un autre 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é 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). Si l’extraction échoue, nous vous remboursons vos crédits.
Oui. Les deux produisent un DESIGN.md qui se trouve dans votre dépôt : la configuration de votre agent reste la même. Passez le site dans Design Extractor et remplacez le fichier.
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.