Diseñar sistemas que un agente pueda usar, no solo un humano.
Qué es el
diseño agéntico.
El nuevo oficio del diseñador de sistemas: convertir criterio de diseño en estructura que humanos y agentes puedan usar, extender y gobernar.
- Disciplina
- Diseño de sistemas
- Lo consume
- Humanos + agentes
- Cimiento
- Design systems
- El salto
- Dirigir la obra
Diseñar para que quien consume tu sistema deje de tener que ser una persona.
Durante veinte años, el consumidor de un design system fue siempre humano: un diseñador eligiendo componentes, un desarrollador copiando un token. El diseño agéntico parte de que ya no siempre lo hay. Un agente lee tu sistema, decide y ejecuta. Y un agente no interpreta intenciones: aplica lo que está escrito, y alucina lo que falta.
Lo que el diseño agéntico no es.
-
No 01
Arquitectura multiagente
Eso es un patrón de ingeniería: cómo cooperan varios agentes de software. El diseño agéntico trata de lo que los agentes consumen, no de los agentes.
-
No 02
Un chat sobre tu design system
Un design system agéntico no es uno con chat encima. El chat es una interfaz; lo agéntico es que la estructura sea legible y ejecutable por una máquina.
-
No 03
Prompt engineering
No va de pedirle bien las cosas a un modelo. Va de que tu sistema esté tan definido que el modelo no tenga que adivinar.
De artesano a arquitecto.
Cuando el sistema lo consume un agente y no un humano, dejas de dibujar cada pieza y pasas a dirigir la obra que las usa. No es una degradación: el valor del diseñador nunca estuvo en su producción manual, sino en su juicio. Lo que ya sabes de design systems es el cimiento; sobre él se levanta lo nuevo.
Sección · el Instituto, leído como un edificio. cada capa se levanta sobre la anterior
Cómo leer esta sección
- Sistema de diseño agéntico El cimiento
- El vocabulario que todo consume: tokens, reglas y nombres legibles por un agente. Sin él, el agente improvisa. Es el bloque sobre el que se levanta lo demás.
- Las formaciones La planta del oficio
- El oficio que se aprende sobre el sistema: del bootcamp a las doce ventanas mensuales. Aquí el diseñador deja de mantener variantes y empieza a escribir reglas.
- UX Engineer El orquestador
- La planta alta, y la más exigente. Aquí el diseñador coordina a los agentes: decide qué hace cada uno y responde del resultado. Es quien entiende el todo y lo dirige.
- Claustro · método Lo que lo sostiene
- Bajo la superficie, las zapatas: el claustro que ya resuelve esto en producción y el método de los Casos Vivos. No se ve, pero lo aguanta todo.
- Trayecto del alumno La línea ocre
- Entra por el sistema y asciende hasta orquestar. El edificio es el método; la línea, tu paso por él.
Qué exige un sistema agéntico.
Tres cosas que un sistema solo-humano podía permitirse no tener. Cada término está definido, uno a uno, en el glosario.
-
01
Vocabulario legible por máquina
Las reglas, los nombres y los límites, antes implícitos en la cabeza de tus mejores personas, se vuelven explícitos. Documentar deja de ser higiene: es infraestructura.
-
02
Tokens con intención
Un token no guarda solo el código del rojo, sino para qué sirve y cuándo no usarlo. Valor más propósito.
-
03
Governance
Sin trazabilidad, validación y límites, un agente es un riesgo difuso que nadie firma. Con ellos, una capacidad auditable.
Entres como entres, sales con un oficio que casi nadie tiene.
El Programa está calibrado para diseñadores senior en adelante: gente con oficio y criterio sobre cómo se decide un sistema. Si eres junior y ya te manejas con las herramientas, la puerta también es tuya, quizá vayas un punto por detrás en algún tramo, pero la altura a la que entras la decides tú, y el aprendizaje te lo llevas igual.
Lo que te transforma, según de dónde vengas
-
Si llegas junior
o vienes de otra disciplina
Empiezas sin vicios que des-aprender: sales con el oficio nuevo de fábrica, mientras muchos seniors aún se sueltan del modo antiguo. Quizá vayas un punto por detrás en lo técnico, pero lo recuperas con criterio.
-
Si eres senior
design system, product senior
Dejas de mantener variantes a mano y pasas a escribir las reglas que el sistema y los agentes ejecutan por ti. Lo que ya sabes no caduca: se convierte en el cimiento.
-
Si ya diriges
lead, manager, director
Te llevas el método para reorganizar cómo tu equipo decide, documenta y delega cuando los agentes entran en la obra. Diriges la obra, no cada pieza.
¿Ya estás al día en diseño agéntico? El Programa es el cimiento. Para subir hasta orquestarlo todo como UX Engineer, las formaciones cortas te llevan planta a planta, a tu ritmo.
El oficio, paso a paso.
Guías
- Auditoría AI-readiness de un design system en 7 pasos
- Claude Code para diseñadores: el flujo completo sin ser developer
- Cómo escribir principios de diseño que un agente pueda aplicar
- Cómo nace la innovación en la era de la IA
- Cómo se implementa un MCP server para tu design system
- Cuatro controles que impiden que el agente rompa el sistema
- Figma MCP para design systems: el circuito diseño-código sin handoff
- Genotipo y fenotipo: dejas de diseñar pantallas
- La empresa ante la IA: un manifiesto para el comité de dirección
- Los cuatro tipos de fallo agéntico (y por qué tres son culpa tuya)
- Tokens que le hablan al agente
Glosario
- $extensions (DTCG)
- Accesibilidad sobre UI generada por IA
- Agente (en diseño de producto)
- AI-readiness de un design system
- Alucinación
- Atomic Design
- Auditoría
- Casos Vivos
- Claude Code
- Componente
- Contratos / guardrails
- Convenciones de nomenclatura
- Core Web Vitals
- Cursor
- Design Engineer
- Design System Architect
- Design tokens
- Design-to-code
- Diseño agéntico
- Documentación legible por agentes
- Duplas (designer-developer pairing)
- EN 301 549
- Escalera de autonomía
- European Accessibility Act (EAA)
- Fábrica de interfaces
- Figma Code Connect
- Figma MCP (Dev Mode MCP server)
- Fuente única de verdad
- Generación de UI por IA
- Gobernanza progresiva / ejecutable
- Governance agéntica
- Governance de design systems
- Handoff (traspaso)
- Librería
- Linting de tokens
- llms.txt
- MCP (Model Context Protocol)
- Prompt de sistema
- Rego / Open Policy Agent (OPA)
- Servidor MCP
- Sistema de diseño
- Style Dictionary
- Theming
- Token de componente
- Token primitivo
- Token semántico
- Token W3C DTCG
- Tokens con intención
- Tokens Studio
- Trazabilidad
- Tres estados (clásico / agéntico / plástico)
- UX Engineer
- Validación en CI
- Variante
- W3C Design Tokens Community Group (DTCG)
- WCAG 2.2
-
¿Qué es el diseño agéntico?
Es la disciplina de diseñar sistemas y productos que un agente de IA pueda usar, no solo un humano: convertir el criterio de diseño en estructura que personas y agentes consumen, extienden y gobiernan.
-
¿En qué se diferencia de la arquitectura multiagente?
La arquitectura multiagente es un patrón de ingeniería: cómo varios agentes de software cooperan. El diseño agéntico es de diseño: cómo se construye el sistema (vocabulario, reglas, tokens, governance) para que un agente lo consuma sin alucinar. Uno habla de los agentes; el otro, de lo que los agentes usan.
-
¿Es ponerle un chat a mi design system?
No. Un design system agéntico no es un design system con chat encima. El chat es una interfaz; lo agéntico es que la estructura del sistema sea legible y ejecutable por una máquina.
-
¿Es prompt engineering?
No. No va de pedirle bien las cosas a un modelo. Va de que tu sistema esté tan definido —vocabulario, tokens con intención, governance— que el modelo no tenga que adivinar.
-
¿Necesito saber programar?
No como un ingeniero. Necesitas escribir tus decisiones con precisión y conocer la obra lo justo para detallarla. El código es el medio; el oficio es dirigir.
-
¿Esto sustituye al diseñador?
No. Recoloca su valor: deja de dibujar cada pieza y pasa a dirigir la obra que las usa. De artesano a arquitecto. Lo que ya sabe de design systems es el cimiento, y sigue siendo el core.
El diseño agéntico se aprende haciéndolo.
23 plazas por promoción. La plaza no se compra: se solicita, y se decide en una conversación de encaje.