Vale, te voy a ahorrar tiempo: si estás usando IA para programar interfaces y todo te sale con pinta de plantilla cutre… no eres tú, es la falta de contexto.
Aquí entra awesome-design-md, un repo que básicamente dice: “oye, en vez de pedirle magia a la IA, dale instrucciones de diseño claras”. Y lo hace con algo tan simple que duele: archivos Markdown.
Sí, Markdown. Nada de Figma, nada de tokens raros, nada de pipelines complejos. Un archivo llamado DESIGN.md donde defines colores, tipografías, espaciados, componentes… y listo. Lo metes en tu proyecto y le dices al agente: “usa esto”. Fin.
La idea es potente porque soluciona un problema real: las IAs programan bien, pero diseñan como si vivieran en 2014. Botones genéricos, layouts reciclados… todo correcto, pero sin alma.
Este repo lo que hace es convertir el “gusto” en texto reutilizable. No estás copiando componentes, estás copiando criterios de diseño.
Y aquí está la magia: puedes hacer que tu app parezca Stripe, Notion o Apple simplemente cambiando un archivo. Literalmente eliges un estilo y la IA lo sigue como si fuera un manual de marca.
Además, cada DESIGN.md no es un resumen cutre. Tiene de todo:
- paleta de colores con roles semánticos
- jerarquía tipográfica completa
- estilos de botones, inputs, cards
- reglas de espaciado y layout
- comportamiento responsive
- incluso “qué NO hacer”
O sea, es como pasarle a la IA el cerebro de un diseñador comprimido en texto.
Y lo mejor: funciona porque Markdown es justo el idioma que las LLM entienden mejor. No hay que parsear nada raro.
Ahora bien, tampoco es la panacea.
#diseñografico #uxui #frontend #ia #programacion #webdesign #openSource #designsystems #markdown #aiTools
0 comentarios 
Deja una respuesta