getdesign.md vs Design Extractor
Design Extractor crea un DESIGN.md a partir de cualquier URL pública que le des. El archivo sigue la especificación DESIGN.md de Google e incluye cada componente que toma de la página como una receta de HTML y CSS que tu agente de programación puede reconstruir. Cada receta se comprueba con el sitio en vivo o se marca con el motivo. También funciona en sitios que solo responden a visitantes de ciertos países.
getdesign.md es una colección curada de archivos DESIGN.md ya hechos de marcas conocidas. Así se comparan los dos. ¿Es tu primera vez con el formato? Lee qué es un DESIGN.md.
Comprobado el consultando getdesign.md, su página de solicitudes, la página del Catalog Pass y el repositorio awesome-design-md. Las ofertas y los precios cambian, así que revisa su sitio antes de decidir.
Por qué Design Extractor
Sigue la especificación DESIGN.md de Google
El front matter en YAML usa solo las propiedades que define la especificación, sin claves de primer nivel personalizadas. Las secciones canónicas van en el orden de la especificación, de Overview a Do's and Don'ts. Las entradas de componentes del front matter usan solo las ocho propiedades de la especificación, con valores literales. Comprueba cualquier archivo con el validador de DESIGN.md gratuito.
Una receta para cada componente que toma de la página
La cabecera, el pie de página, los botones, los campos, las tarjetas y otros componentes tomados de la página se entregan cada uno como una receta: HTML y CSS depurados con valores literales, dentro de la sección Components del DESIGN.md. Cada receta indica sus partes y los estados hover y focus vistos en el sitio, para que tu agente de programación pueda reconstruir el componente en lugar de adivinarlo.
Verificado con el sitio en vivo
Cada receta se renderiza por separado y se comprueba con el sitio en vivo: una coincidencia estructural de las partes renderizadas con lo que se midió en la página y una comparación de píxeles con una captura nueva del elemento real. Una receta que falla se reconstruye y se vuelve a comprobar. La que sigue sin pasar se marca con el motivo y nunca se entrega como verificada. La página de resultado muestra cuánto se parecen los componentes y qué parte de los colores y estilos de texto del sitio está cubierta: mira Stripe en la galería.
Funciona en sitios con restricción regional
Algunos sitios solo responden a visitantes de ciertos países. Cuando una extracción falla por eso, la página de resultado ofrece un selector de país, con los países desde los que se comprobó que carga la página en primer lugar, y hace la misma extracción a través de un navegador en el país que elijas. Una extracción desde otro país cuesta el precio Pro más un recargo de 6 en créditos (16 créditos en total). Si la extracción falla, te devolvemos los créditos.
Cara a cara
| getdesign.md | Design Extractor | |
|---|---|---|
| Conformidad con la especificación | Usa la estructura de la especificación DESIGN.md de Google: los tokens en el front matter en YAML y las secciones canónicas en el orden de la especificación. | Sigue la especificación DESIGN.md de Google: front matter solo con las propiedades de la especificación y sin claves de primer nivel personalizadas, las secciones canónicas en el orden de la especificación y entradas de componentes limitadas a las ocho propiedades de la especificación con valores literales. |
| Recetas de componentes | Los componentes se definen como tokens en el front matter y se describen en prosa, sin HTML. | Cada componente que toma de la página, como la cabecera, el pie de página, los botones, los campos y las tarjetas, se entrega como una receta: HTML y CSS depurados en la sección Components, para que tu agente de programación pueda reconstruirlo. |
| Verificado con el sitio en vivo | No se ofrece | Sí. Cada receta se renderiza por separado y se comprueba con el sitio en vivo: una coincidencia estructural de sus partes y una comparación de píxeles. Un componente que no pasa se marca con el motivo y nunca se entrega como verificado. |
| Sitios con restricción regional | Los archivos vienen del catálogo o de una solicitud privada. | Sí. Cuando un sitio bloquea a visitantes de algunos países, la extracción fallida ofrece un selector de país, con los países desde los que carga la página en primer lugar, y hace la misma extracción a través de un navegador allí. Una extracción desde otro país cuesta el precio Pro más un recargo de 6 en créditos (16 créditos en total). |
| Qué es | Una colección curada de archivos DESIGN.md analizados a partir de sitios web reales, mantenida por el equipo de VoltAgent. | Un generador: le das una URL pública y te devuelve el DESIGN.md de ese sitio. |
| Cualquier sitio web bajo demanda | No al instante. Para un sitio fuera del conjunto gratuito envías una solicitud privada de pago, y el archivo se entrega en tu bandeja de entrada. | Sí. Pega cualquier URL pública y la extracción empieza enseguida. El DESIGN.md se abre en la página de resultado cuando termina. |
| Archivos gratuitos | Sí. Un conjunto gratuito que puedes descargar o instalar con npx getdesign@latest add stripe. 84 de estos archivos también están en el repositorio de GitHub awesome-design-md, con licencia MIT. | Las extracciones son de pago. La galería de archivos DESIGN.md que ya extrajimos se puede leer y copiar gratis. |
| Cobertura | Un catálogo de 551 sitios web. Fuera del conjunto gratuito, una entrada del catálogo muestra una vista previa y ofrece una solicitud de pago, no una descarga. | Cualquier sitio web público, más una pequeña galería de marcas ya extraídas. |
| Precio | Conjunto gratuito: gratis. DESIGN.md privado: 39 US$ en un pago único (precio de lista 59 US$). Catalog Pass: 99 US$ al mes por 45 archivos curados, con 5 o más añadidos cada mes. | Créditos prepago, sin suscripción. Los paquetes empiezan en 5 US$ por 50 créditos; una extracción Pro cuesta 10 créditos. Los créditos no caducan. |
| Cómo se hace el archivo | Un análisis independiente de los patrones observables públicamente del sitio, curado como punto de partida para inspirarse. | Se renderiza a partir del sitio en vivo en un navegador en el momento en que lo ejecutas. Pro recorre las páginas clave del sitio. |
| Actualidad | Una instantánea del momento en que se analizó el sitio. Las entradas no muestran fecha de análisis. | Tan actual como el momento en que lo ejecutas. Volver a extraerlo más adelante es una extracción nueva, con su precio. |
| Acceso para agentes | Una CLI que instala un DESIGN.md por su nombre. Sin servidor MCP ni API. | Un servidor MCP para Claude Code, Cursor, Codex, ChatGPT y otros clientes, y una extensión de Chrome para la pestaña en la que estás. |
| Extras | Vistas previas en vivo en modo claro y oscuro de cada archivo, y kits de inicio (el kit para sitios web cuesta 249 US$ en un pago único, precio de lista 299 US$). | Herramientas gratuitas: un validador de DESIGN.md, un buscador de fuentes de sitios web y un extractor de paletas de colores. |
Qué ofrece getdesign.md
- Un conjunto gratuito de archivos DESIGN.md de marcas conocidas, la mayoría también en GitHub como awesome-design-md con licencia MIT.
- Una instalación de una línea desde la terminal con npx getdesign.
- Vistas previas en vivo en modo claro y oscuro de cada archivo.
- Archivos DESIGN.md privados de otros sitios bajo solicitud, entregados por email, y un Catalog Pass mensual.
- Kits de inicio, como un kit para sitios web.
Una colección frente a cualquier URL bajo demanda
Una colección es rápida cuando la marca que quieres está en ella. Tu propio producto, el sitio de un cliente o un competidor pequeño rara vez están en un catálogo. getdesign.md lo resuelve con una solicitud privada de pago entregada por email.
Design Extractor lo resuelve con una extracción que haces tú mismo: pega la URL en la página de inicio y el DESIGN.md se crea a partir del sitio en vivo, con recetas comprobadas con él. Mira archivos terminados en la galería.
Cómo cambiarte desde getdesign.md
- Pega la URL del sitio en la página de inicio de Design Extractor y haz una extracción Pro.
- Guarda el resultado como DESIGN.md en la raíz de tu repositorio, en lugar del archivo anterior, y mantén la referencia en AGENTS.md o CLAUDE.md. Compruébalo con el validador de DESIGN.md gratuito si lo editas a mano.
- O deja que lo haga tu agente: conecta el servidor MCP y pídele que extraiga el sitio.
Veredicto
Elige Design Extractor si necesitas un DESIGN.md de cualquier sitio bajo demanda, no solo de un catálogo, con recetas de componentes comprobadas con el sitio en vivo. Lee el sitio tal como se ve cuando lo ejecutas y sigue la especificación de Google, con una receta para cada componente que toma de la página; una receta que no pasa se marca con el motivo. Tu agente puede iniciar extracciones por su cuenta a través del servidor MCP.
Otras comparativas
designmd.me vs Design Extractor
Dos generadores de DESIGN.md a partir de una URL comparados en conformidad con la especificación, recetas de componentes, comprobaciones con el sitio en vivo y precio.
Refero Styles vs Design Extractor
Una gran biblioteca gratuita de estilos de sitios web frente a un DESIGN.md conforme a la especificación, con recetas de componentes comprobadas con el sitio en vivo, a partir de cualquier URL.
TypeUI vs Design Extractor
La extensión de Chrome gratuita de TypeUI, que rellena su propia plantilla con los estilos de tu pestaña, frente a un DESIGN.md conforme a la especificación con recetas de componentes comprobadas con el sitio en vivo.
Preguntas frecuentes
getdesign.md vs Design Extractor: preguntas
Respuestas breves sobre getdesign.md y Design Extractor, comprobadas el 2026-10-20.
En parte. El conjunto gratuito de getdesign.md, en su mayor parte también en GitHub como awesome-design-md con licencia MIT, se puede descargar o instalar con npx getdesign. Un DESIGN.md privado de otro sitio cuesta 39 US$ en un pago único, y el Catalog Pass cuesta 99 US$ al mes. Precios comprobados el 2026-10-20.
Sí, como solicitud privada de pago: envías la URL y te entregan el archivo en tu bandeja de entrada. El 2026-10-20, el sitio no tenía un generador instantáneo de autoservicio. Design Extractor genera un DESIGN.md a partir de cualquier URL pública en cuanto lo ejecutas.
Sí. El front matter usa solo las propiedades de la especificación, sin claves de primer nivel personalizadas, las secciones canónicas van en el orden de la especificación y las entradas de componentes usan solo las ocho propiedades de la especificación con valores literales. El validador de DESIGN.md gratuito comprueba cualquier archivo con la especificación.
Cada receta se renderiza por separado y se compara con el sitio en vivo: una coincidencia estructural de sus partes con lo que se midió en la página y una comparación de píxeles con una captura nueva del elemento real. Una receta que falla se reconstruye y se vuelve a comprobar; la que sigue sin pasar se marca con el motivo.
No. Las extracciones usan créditos prepago: los paquetes empiezan en 5 US$ por 50 créditos y una extracción Pro cuesta 10 créditos. Los créditos no caducan y no hay suscripción. Explorar la galería y usar las herramientas gratuitas no cuesta nada.
Sí. Los dos te dan un DESIGN.md que pones en tu repositorio y al que apuntas a tu agente. Cambiarte a Design Extractor no cambia la configuración de tu agente.
Obtén un DESIGN.md del sitio que necesitas
Pega cualquier URL pública. Pro recorre las páginas clave del sitio y devuelve un DESIGN.md conforme a la especificación, con recetas de componentes comprobadas con el sitio en vivo.