← Notas de Campo
EN/ES

Un archivo de diseño que le enseña a la IA cómo se ve tu marca

6 de abril de 2026via github · @VoltAgent
AItoolsworkflowopen-source

Una servilleta con tus reglas de diseño, que la IA entiende de verdad

Imagina que pudieras entregarle a un diseñador recién llegado una sola hoja de notas — "usamos este azul, esta tipografía, los botones siempre son redondeados, mucho espacio en blanco" — y que lo entendiera bien a la primera, sin más explicaciones. Eso es, a grandes rasgos, lo que hace un archivo DESIGN.md. Solo que el "diseñador" es una IA.

La idea nació en Google. Introdujeron un formato — un archivo de texto plano, sin complicaciones — que describe cómo debe verse una interfaz. No código, no un archivo de Figma. Palabras y valores que una IA puede leer y aplicar directamente.

Un grupo de desarrolladores cogió esa idea y construyó una biblioteca de estos archivos, replicando el estilo de webs reales: Apple, Spotify, Cursor, y muchas más. Eliges el que más se parece a lo que buscas, lo colocas en tu proyecto y le dices a tu herramienta de IA: "construye algo que tenga este aspecto." El resultado se acerca bastante al original.

Para alguien que dirige un negocio, lo interesante no es la parte técnica. Es lo que anuncia: que la consistencia visual — algo que antes requería un especialista, una guía de estilo y horas de ida y vuelta — empieza a ser algo que puedes describir en un archivo de texto y delegar a una máquina.

Si trabajas con freelancers o un equipo pequeño, merece la pena conocer esto. Significa menos "esto no tiene el aspecto que quería" y más primeros borradores que ya van por buen camino.

Palabras que conviene conocer

UI — "Interfaz de usuario." Todo lo que una persona ve y toca en una web o aplicación.

Agente de IA — Un programa que puede llevar a cabo tareas por su cuenta, como escribir código o construir una página, a partir de las instrucciones que le das.

Sistema de diseño — Un conjunto de reglas sobre cómo debe verse tu marca: qué colores, tipografías y espaciados usar. Las empresas grandes tienen equipos enteros para esto. Un archivo DESIGN.md es una versión ligera de la misma idea.

Markdown — Una forma sencilla de escribir texto que usa símbolos (como # para los títulos) para añadir formato básico. Lo entienden tanto las personas como las máquinas.

Piensa en cómo comunicas ahora tu estilo visual a las personas que construyen cosas para ti. ¿Es un tablero de inspiración? ¿Un correo? ¿Un vago "que quede limpio"? La distancia entre lo que imaginas y lo que se construye suele ser, simplemente, un problema de descripción.

Ver el proyecto →

Escrito por David en AC0.AI. Sígueme en @ac0hero

¿Quieres que auditemos tu web? 60 segundos →