001 ensayo

Manifiesto

Rigor documental como forma más alta de innovación. Y por qué un design system del que no tienes un inventario exhaustivo no puede volverse agéntico sin inventar fantasmas.

Publicado
Lectura
18 min

Este manifiesto comienza por donde la tesis lo pide: por la voz, no por la taxonomía. No es un inventario todavía (el Compendio llegará en una siguiente fase, y cuando llegue será consecuencia directa de lo que aquí se sostiene). Es la declaración editorial de por qué en los próximos dieciocho meses habrá un libro, un instituto, un corpus público y un agente leyendo todo ello. No es una hoja de ruta. Es la hipótesis que justifica la hoja de ruta.

La tesis, en una frase: el rigor documental es la forma más alta de innovación. Una lección que cuatro disciplinas (cartografía, diseño editorial, información cuantitativa y catalogación exhaustiva) aprendieron por separado y que la disciplina del design system aún está aprendiendo.

Cuatro maestros y una sola lección

Charles Joseph Minard, ingeniero civil jubilado, dibujó en 1869 la Carte figurative des pertes successives en hommes de l’Armée Française dans la campagne de Russie 1812–1813. Seis variables (número de soldados, dirección del avance, temperatura, latitud, longitud, tiempo) codificadas en un plano de dos tintas. Edward Tufte pondría esa lámina en la portada de The Visual Display of Quantitative Information un siglo más tarde con un argumento sencillo: la jerarquía la impone el dato, no la decoración. Minard no ilustraba la campaña; la documentaba, y esa documentación exhaustiva fue lo que permitió ver.

Carte figurative de Minard (1869): banda de grosor variable que atraviesa el mapa de Rusia desde el oeste hasta Moscú y de vuelta, con sparkline de temperatura debajo.
047 La Carte figurative de Minard codifica seis variables (tropas, dirección, latitud, longitud, tiempo y temperatura) en un solo plano de dos tintas. La banda se adelgaza catastróficamente en el retroceso invernal. Charles Joseph Minard 1869 Dominio público Fuente

Massimo Vignelli y Bruce Blackburn entregaron en 1977 el Unigrid al National Park Service. Doscientos cuatro folletos distintos, uno por parque nacional americano, resueltos con un único sistema modular: una barra negra superior, grid tipográfico riguroso, paleta de tres valores. No diseñaron un folleto; diseñaron el sistema que permitiría diseñar doscientos cuatro sin que ninguno se sintiera huérfano. Cuarenta y nueve años después, el Unigrid sigue vivo. El sistema sobrevive al diseñador.

Edward Tufte formalizó el principio en data-ink ratio: todo píxel que no comunica datos es ruido. Y lo hizo con las sparklines: gráficos tan densos que caben dentro de una frase, con una única marca roja en lo importante. Un solo rojo. Un solo punto. Todo lo demás, contenido en la jerarquía del gris.

Ferran Adrià y su equipo entregaron entre 1987 y 2011 un catálogo razonado exhaustivo de su obra: 1.846 piezas registradas con un único fotógrafo (Francesc Guillamet), fondo negro uniforme, numeración unívoca, disección técnica por unidad. El catálogo llegó antes del cierre del proyecto, no después. No era un epitafio: era el corpus que permitiría extender la obra sin copiarla. La formulación operativa del método queda sintetizable en una frase editorial: sin contexto curado, la creatividad es imitación; con contexto curado, la creatividad es extensión. Lo que ese equipo hizo por su campo es lo que el design system agéntico está empezando a hacer por el suyo.

Si no sabes lo que ya has hecho, todo lo que hagas es inevitablemente parecido a lo que otro ya hizo. Glosa editorial sobre el espíritu del catálogo razonado. Sin atribución textual a Adrià.

Cuatro maestros, una sola lección. Antes de imaginar, ordena. Antes de clasificar, contextualiza. La innovación real no brota de la página en blanco; brota del inventario exhaustivo que te permite ver los huecos. Mendeléyev descubrió elementos que aún no existían porque primero ordenó los que sí.

Tabla periódica manuscrita de Mendeléyev (1869) con símbolos químicos ordenados en filas y columnas, y varios huecos marcados con signos de interrogación donde elementos aún no descubiertos ocuparían su lugar.
048 La primera tabla de Mendeléyev, con huecos anotados como interrogantes. La clasificación precede al descubrimiento; ordenar lo conocido revela lo que todavía falta. Dmitri Mendeléyev 1869 Dominio público Fuente
Estudio tipológico de seis elementos arquitectónicos canónicos (campanario, basílica, columna, cúpula, puente, anfiteatro) sobre papel pautado en tinta densa, jerarquizados como en un cuaderno de estudio.
№ 049 Permanencia tipológica frente a deriva estilística. Cada componente de un design system es un tipo, no una estampa: lo que cambia es el render concreto; lo que persiste es la estructura. Esta es la forma del rigor que el manifiesto reclama, dibujada en plomo en lugar de en tokens. Cf. Rossi, Quaderni azzurri, 1968 a 1992. Transposición editorial.

El momento

Este manifiesto se escribe en abril de 2026. Hace dieciocho meses que los agentes basados en LLM empezaron a escribir, ejecutar y componer interfaces con autonomía creciente. Hace año y medio que el Model Context Protocol se publicó (Anthropic, noviembre de 2024) y dejó a las empresas razonables pensando en exponer su design system como contexto legible por máquinas. Brad Frost lleva años escribiendo sobre design systems agénticos en bradfrost.com, y en octubre de 2025 el Design Tokens Community Group publicó su primera versión estable, sobre la que este corpus propone usar el campo abierto $extensions para anotar políticas ($extensions.policy); la convención exacta que se discute aquí es propuesta editorial del autor, no parte ratificada del estándar.

El momento es peculiar. Los design systems de las grandes organizaciones fueron construidos durante la década 2015–2025 para servir a equipos de producto humanos: Figma como fuente, Storybook como documentación, tokens JSON como referencia, contrato implícito entre diseñador y desarrollador. Ese sistema funciona. Ese sistema es el que este corpus denomina Estado 1.

Pero cuando el consumidor del design system deja de ser un humano y pasa a ser un agente (un modelo de lenguaje con herramientas, memoria y acceso al repo), las reglas cambian. Un humano tolera ambigüedad: “usa el botón primario” es una instrucción suficiente. Un agente sin contexto inventa. Inventa variants, inventa nombres de tokens, inventa librerías que no existen. Es un patrón ya bien observado en cualquier equipo que haya intentado conectar un agente a su sistema. El problema no es el agente: es el contexto que le damos.

El Estado 2 nace cuando aceptamos esa asimetría y la resolvemos. El Estado 2 es el design system que se vuelve governable por máquina: tokens canónicos en OKLCH con metadatos de política, componentes con contract tests que fallan cuando el agente inventa un prop, validadores OPA que rechazan composiciones fuera de norma, telemetría que mide qué porción del sistema consumen los agentes y qué porción los humanos. El Estado 2 no sustituye al Estado 1; lo extiende. Un design system que no sirve bien a humanos no sirve bien a máquinas: la máquina aprende del patrón humano.

El Estado 3, y aquí es donde la cosa se vuelve interesante (y donde corre el riesgo de caer en la trampa techno-solutionist), es el design system plástico. Plástico en el sentido físico: capaz de adoptar formas distintas manteniendo materia. No se trata de generar interfaces aleatorias, ni de dar superpoderes al agente para que mute el diseño a su gusto. Se trata de que, dentro de policies estrictas y publicadas, el sistema pueda regenerarse en runtime para adaptarse al contexto: hora del día, dispositivo, accesibilidad, idioma, velocidad de lectura. Y, este punto es deontológico, que la regeneración se declare.

Esta misma web (la que estás leyendo) es, cuando termine sus cuatro fases, el Estado 3 aplicado. Hoy, en Fase 0, solo es Estado 1 bien ejecutado. En Fase 2 habrá un Compendio. En Fase 3 habrá un agente Claude con acceso a esa Compendio vía MCP. En ese momento, cuando un párrafo se reescriba en tono ejecutivo porque has entrado por primera vez, un recuadro junto al párrafo lo dirá:

Regenerado hace 4 minutos · variante B17 · por qué.

No es truco. Es obra.

La secuencia, en orden

Tres piezas articulan este argumento. Las tres son ejecuciones del autor; ninguna depende de decisiones de terceros que no estén ya cerradas:

  1. El manifiesto (este texto). Primero la voz. Si la voz no funciona, la taxonomía no salva nada.
  2. El Instituto de Diseño Agéntico, con su primera cohorte en otoño de 2026. Ocho semanas. Allí se practica lo que aquí se predica.
  3. El Compendio del design system, creciendo en este mismo sitio entre finales de 2026 y 2027: familias de tokens, fichas de componentes al estilo Guillamet, árboles genealógicos, técnicas de governance, recetas agénticas.

Rutas de lectura

  1. Lector general 25 min El viaje pedagógico: del manifiesto al Estado 3, sin detenerse en el Compendio.
  2. Practitioner 45 min Método Mendeléyev aplicado + recetas agénticas. Para quien implementa. Disponible en Fase 1–2
  3. Investigador tiempo abierto Compendio + genealogías + biblioteca. Modo Wikipedia + catálogo razonado. Disponible en Fase 1–2

Otras formas (libro digital en español, white paper de campo, edición internacional, agente integrado en Fase 3) aparecerán en este corpus solo cuando exista compromiso firmado o ejecución empezada. Anunciarlas antes sería poblar el roadmap con deseo en vez de con plan.

Por qué ahora

El design system clásico (Estado 1) se acerca a la máquina solo cuando la persona que lo mantiene se obliga a documentar lo que antes dejaba implícito. No hay agente útil sin documentación exhaustiva previa. Es el mismo principio que Mendeléyev aplicó en 1869 con los elementos químicos: ordenar lo conocido permite predecir lo desconocido sin inventar fantasmas. El Compendio es el equivalente operativo para un design system que se prepara a ser consumido por máquinas: sin corpus ordenado, el agente alucina; con corpus ordenado, el agente extiende lo existente.

El design system del futuro cercano, el que los equipos estamos a punto de construir, es esa misma Compendio. El agente no es la novedad. La novedad es el corpus. El agente es solo el lector que el corpus merece.

Lo que no es este manifiesto

No es profecía. Los LLM de 2028 harán cosas difíciles de imaginar en 2026 y cometerán errores que hoy parecen resueltos. No es evangelio vibe coding. No celebra la generación sin contexto. Al contrario: celebra el rigor extremo, literalmente extremo, como condición sine qua non para que la generación tenga valor.

Tampoco es una crítica al design system clásico. El Estado 1 sigue siendo el 90% del trabajo real, y lo seguirá siendo durante años. El Estado 2 no sustituye al Estado 1; lo habilita para una nueva clase de lectores. El Estado 3 no sustituye al Estado 2; demuestra qué es posible cuando las policies están escritas.

Tampoco pretende ser una declaración solitaria. Los design systems se construyen entre muchos; el método, también. Cada vez que una persona del campo (autor, practitioner, investigador) acepte ser citada o aporte una corrección documentada, su nombre aparecerá en el colofón con la fecha de la conversación. Hasta entonces no se enumeran adhesiones que no existen.

Cómo leer esto

Mejor en este orden:

  • Leer los tres estados (en /estados/estado-1, /estados/estado-2, /estados/estado-3). Veinte minutos.
  • Leer el colofón (/colofon): allí se declara la deontología del agente, los créditos y qué NO hará este sitio nunca, aunque pueda.
  • Volver dentro de unos meses. El Compendio llegará por partes. El agente llegará más tarde. Cada trimestre, este sitio será un poco más él mismo.

La presentación de una obra cambia con el tiempo porque el mundo cambia; su lógica interna se queda. Este manifiesto es la lógica. Todo lo demás es presentación que se irá perfeccionando con cada revisión pública.

Draft 1 · Mayo 2026 · Edición abierta · Comentarios a me@joanarbo.com