DESIGN.md: tres recursos para diseñar con agentes de IA sin perder coherencia

Si trabajas con Claude Code, Cursor, Windsurf u otros agentes, conoces el problema: cada prompt se procesa de forma aislada y la consistencia visual se rompe entre componentes. DESIGN.md —formato abierto creado por Google Labs / Stitch— resuelve esto con un único archivo Markdown en la raíz del repositorio: tokens en YAML frontmatter y razonamiento de diseño en texto plano. El agente lo lee al inicio y mantiene esas decisiones como contexto vivo.

La spec oficial vive en [github.com/google-labs-code/design.md](https://github.com/google-labs-code/design.md) y la CLI se publica como @google/design.md en npm. Alrededor han crecido bibliotecas comunitarias y herramientas para generar tu propio archivo. Aquí tres recursos para empezar a usarlo hoy.

designmd.ai (https://designmd.ai/)
la biblioteca de referencia

Biblioteca comunitaria con curación más estricta, cientos de sistemas listos para descargar y soporte MCP. Es la entrada más cómoda al ecosistema una vez has visto la spec oficial.

Para qué: descubrir sistemas curados y empezar rápido.

designmd.app(https://designmd.app/)
la biblioteca extendida

454 sistemas de diseño documentados por la comunidad, categorizados por estética (desde brutalism hasta editorial elegant). Cada archivo viene compatible con Claude Code, Cursor, Kiro, Windsurf y Cline.

Para qué: variedad estética cuando los sistemas curados se quedan cortos.

systemly.design(https://www.systemly.design/)
el generador

La pieza para producir en lugar de consumir. Genera un sistema completo desde una URL de marca o desde inputs manuales: 128 tokens exportables a JSON (W3C DTCG), CSS, PDF y React (próximamente). Incluye plugin de Figma y soporte para Tailwind + shadcn. No emite estrictamente un «DESIGN.md», pero los tokens W3C se convierten en uno con un script trivial o pidiéndoselo al propio agente.

Para qué: crear el sistema de un cliente desde su marca existente, sin pasar dos días en Figma.