Sistema de diseño para construir con IA
Nueve archivos que definen un sistema de diseño completo, del token al print: valores exactos, reglas de componentes, grid, animaciones, íconos, ilustración, fotografía, redes e imprenta. La fuente de verdad para que todo lo que construya la IA se vea como un solo sistema.
Un sistema de diseño es lo que hace que veinte pantallas distintas se vean como el mismo producto. Sin él, cada vez que le pedís a la IA una sección nueva, inventa espaciados, colores y tamaños desde cero — y el sitio termina pareciendo cinco sitios pegados. Con él, todo lo que construya sale del mismo criterio. Estos nueve archivos son ese sistema, documentado y listo para dárselo a tu agente.
tokens.md es la fuente de verdad de los valores exactos: colores, tipografía, espaciado y sombras, listos para copiar a CSS, Tailwind o constantes. components.md define la estructura, los estados y las reglas de cada componente de UI. layout.md fija el grid, el ritmo de las secciones y la filosofía de espacio. motion.md decide cómo y cuándo se mueve tu marca. Y iconography, illustration, photography, social y print extienden el mismo criterio a íconos, ilustración, fotografía, redes e imprenta.
La ventaja de tenerlo por escrito es doble: la IA construye consistente sin que se lo recuerdes en cada prompt, y vos podés delegar el diseño sin perder identidad. Es la diferencia entre pedir "hacé un botón" y que salga siempre el mismo botón.
Descargá los nueve archivos, ajustalos a tu marca y usalos como el contexto base de todo lo que construyas con IA.
Los archivos
¿Querés que lo apliquemos a tu proyecto?
Una hora 1:1 para destrabar tu web, tu producto o tu uso de IA.