Obtén un DESIGN.md
de cualquier sitio web

Un DESIGN.md es un documento de sistema de diseño en texto plano que los agentes de programación con IA leen para generar interfaces coherentes. Es el equivalente de AGENTS.md para el diseño: tanto personas como agentes pueden leerlo, editarlo y hacerlo cumplir. Por dentro tiene dos capas. El front matter en YAML contiene tokens de diseño legibles por máquina, como colores, tipografía y espaciado. El cuerpo en Markdown explica la lógica del diseño.

Un DESIGN.md suele incluir ocho secciones canónicas en este orden: Overview, Colors, Typography, Layout, Elevation and Depth, Shapes, Components y Do's and Don'ts. El front matter en YAML codifica los valores exactos de los tokens. El cuerpo en Markdown explica cómo y por qué aplicarlos. Se pueden omitir las secciones que no aplican y añadir otras específicas del dominio.

Pega la URL de cualquier sitio web público en Design Extractor y haz clic en extraer. Regístrate, compra un paquete de créditos y cada extracción gasta unos pocos créditos. El resultado es un DESIGN.md que puedes copiar. Pon el DESIGN.md en tu repositorio y tu agente de IA lo leerá como referencia de estilo en Claude, Cursor, Copilot o Stitch.

Cualquier herramienta de programación con IA que lea archivos Markdown del directorio de tu proyecto puede usar DESIGN.md. Eso incluye Claude Code, Cursor, GitHub Copilot y otros asistentes de programación con acceso a archivos. Pon el DESIGN.md en la raíz de tu proyecto o en una carpeta de documentación y menciónalo en tu prompt.

Cualquier sitio web de acceso público. Design Extractor analiza la página en vivo tal como se renderiza en un navegador. Funciona con sitios estáticos, SPAs y páginas renderizadas en el servidor. El sitio debe ser accesible mediante una URL HTTP/HTTPS estándar.

Algunos sitios, como portales gubernamentales y tiendas locales, solo se abren para visitantes de ciertos países. Si una extracción falla porque el sitio rechazó la visita, la página de resultado lo indica y sugiere los países donde el sitio sí carga. Elige uno y un navegador de ese país carga la página, que luego se extrae como siempre. Una extracción desde otro país cuesta el precio del modo más un pequeño recargo, que se muestra antes de empezar, y si aun así falla, se reembolsa. La misma opción está disponible en la extensión de Chrome y a través del servidor MCP.

Sí. La extensión de Design Extractor para Chrome reutiliza la sesión que iniciaste en el sitio: no necesitas otro inicio de sesión. Su ventana muestra tu saldo de créditos y, con un clic, envía la página de tu pestaña actual a la misma extracción que el formulario de la página de inicio, en Lite o Pro, por los mismos créditos. El DESIGN.md terminado se abre en el sitio y aparece en Mis extracciones. En esta primera versión la página tiene que ser pública: la captura el servidor, así que todavía no se admiten páginas detrás de un inicio de sesión, en localhost o en una red privada. La edición y la descarga se siguen haciendo en el sitio.

Sí. Design Extractor también es un servidor MCP. En claude.ai, Claude Desktop o ChatGPT, añade la URL del servidor como conector e inicia sesión con tu cuenta; en Claude Code, Codex, Cursor o el Agent SDK, conéctalo con un solo comando (la página de documentación tiene el bloque para cada uno, con una clave de API de la página de tu cuenta cuando el cliente la necesita) y pídele que extraiga un sitio. El agente inicia la extracción, vuelve a comprobarla después de un minuto aproximadamente y recibe el texto del DESIGN.md para guardarlo en tu repositorio, por los mismos créditos que en el sitio. Claude Code y Codex también pueden instalarlo como plugin, que añade un skill para aplicar un DESIGN.md a una base de código.