DesignMD

Descripción General

DesignMD convierte cualquier URL de un sitio web en un DESIGN.md de calidad profesional en unos 12 segundos. Lee el DOM y CSSOM reales — variables CSS reales, breakpoints @media reales, estados de interacción reales — y extrae tokens de color, tipografía, escala de espaciado y patrones de componentes. Nada se deduce de capturas de pantalla. Coloca el DESIGN.md generado en la raíz de tu proyecto y los agentes de codificación con IA como Cursor, Claude Code y GitHub Copilot podrán leer y seguir ese sistema de diseño, evitando el temido "design drift" cuando la IA construye tus interfaces. Un CLI te permite generar especificaciones directamente desde la terminal. DesignMD es gratuito y no requiere cuenta — cinco análisis al día por IP. También es de código abierto, con una página de benchmarks que muestra sistemas de diseño medidos de Stripe, Linear, GitHub, Vercel y más.

Ideal para

Ideal para diseñadores y desarrolladores con agentes de IA que quieren interfaces coherentes con su marca

Características Principales

• Pega cualquier URL y obtén un DESIGN.md en ~12 segundos
• Lee el DOM y CSSOM reales para tokens medidos de verdad
• Extrae colores, tipografía, espaciado y patrones de componentes
• Captura variables CSS, breakpoints y estados de interacción
• Salida legible por Cursor, Claude Code y GitHub Copilot
• CLI de terminal para generación en un paso
• Vista previa interactiva del sistema de diseño extraído
• Gratuito sin registro, 5 análisis al día por IP