En prensa · Revista Negocios Joan Arbó: «Si preparas bien el sistema, multiplicas la capacidad sin multiplicar el equipo»
Leer ↗ Conocimiento
Todo lo que sabemos, para llevar.
Guías técnicas, herramientas y descargas sobre diseño agéntico. El oficio del Instituto en abierto, en castellano, y creciendo cada pocas semanas. Lo de pago se solicita, no se compra.
El Instituto está nominado en los Premios Negocios 2026. Si te sirve lo que hacemos, un voto ayuda a que llegue a más diseñadores.
01El Parte · el diario del oficio
El diario del Instituto: un parte al día sobre estándares, herramientas y prácticas del diseño agéntico. Cada uno cita su fuente y lo firma una persona.
- FIGMA El MCP de Figma deja al agente reutilizar tu código, no recrearlo El MCP de Figma (Dev Mode) expone el diseño al agente en el IDE; con Code Connect, el código generado importa tus componentes reales en vez de inventarlos.
- W3C El formato de design tokens ya tiene versión estable La especificación de Design Tokens del W3C Community Group alcanzó su primera versión estable (2025.10): el vocabulario ya no vive en un JSON propietario.
- DOCUMENTACIÓN llms.txt: el README que tu sistema le da al agente Un fichero de texto en la raíz que ofrece a los modelos un mapa limpio del sitio. Pequeño, pero es la pieza más barata de la capa de exposición.
02Escritos · lo último
Guías técnicas del Instituto, en abierto. Publicamos una cada pocas semanas; vuelve por aquí.
- Cuatro controles que impiden que el agente rompa el sistema Nuevo Un agente produce demasiado rápido para revisarlo a mano. La salida no es inspeccionar cada pantalla, sino escribir cuatro controles automáticos (tokens, regresión visual, accesibilidad y contrato) que rechazan solos lo que se sale del sistema. Las fitness functions del diseño agéntico.
- Tokens que le hablan al agente Un valor de color es mudo: dice el qué, nunca el porqué. Con $extensions del estándar DTCG, cada token lleva su propia gramática (con qué se empareja, qué tiene prohibido, qué contraste garantiza) y el agente compone dentro de raíles en vez de adivinar.
- Genotipo y fenotipo: dejas de diseñar pantallas El diseñador agéntico trabaja el genotipo (tokens, reglas y semántica que la máquina lee), no el fenotipo (las pantallas visibles). El cambio de mentalidad que hace que un agente genere coherente en vez de improvisar.
- Los cuatro tipos de fallo agéntico (y por qué tres son culpa tuya) Cuando un agente rompe tu design system, la causa es una de cuatro: token, composición, contexto o interpretación. Un marco para arreglar la causa, no el síntoma.
- Figma MCP para design systems: el circuito diseño-código sin handoff Qué expone el servidor MCP de Figma, cómo lo consume un agente como Claude Code o Cursor, y qué tiene que tener tu design system para que el circuito funcione de verdad.
- Claude Code para diseñadores: el flujo completo sin ser developer Cómo un diseñador de producto usa Claude Code contra un design system real: configuración, skills, MCP y revisión de lo generado. Sin experiencia previa de terminal.
- Auditoría AI-readiness de un design system en 7 pasos Procedimiento completo para diagnosticar si un design system existente es consumible por agentes: fuentes de verdad, tokens, APIs de componente, principios, exposición, governance y plan de cierre.
- La empresa ante la IA: un manifiesto para el comité de dirección No va de adoptar herramientas: va de reordenar cómo decide, contrata y opera una organización cuando ejecutar deja de ser caro. Diez principios y un plan para el comité de dirección.
- Cómo se implementa un MCP server para tu design system Anatomía mínima de un servidor Model Context Protocol que expone los tokens, principios y componentes de tu sistema a un cliente agéntico.
- Cómo nace la innovación en la era de la IA La IA no trae la innovación: le quita el coste a ejecutar. Cuando construir cuesta casi cero, el cuello de botella deja de ser hacer y pasa a ser decidir. Un modelo de dónde y cómo nace la innovación cuando los agentes están disponibles.
- Cómo escribir principios de diseño que un agente pueda aplicar Procedimiento para convertir principios aspiracionales en reglas ejecutables: criterio binario, umbrales con números, contraejemplos y codificación en formatos que un agente puede consultar.
03Herramientas
Plantillas, rúbricas y playbooks pensados para usarse, no para guardarse. La versión corta de lo que se enseña a fondo en el programa.
- Spec Spec de sistema de diseño agéntico La checklist para saber si tu design system lo puede consumir un agente, hoy.
- Rúbrica Rúbrica de evaluación agéntica Cómo decidir, en equipo y sin discutir, si lo que produce un agente es bueno.
- Playbook Playbook de orquestación de agentes Cómo coordinar varios agentes especializados sin que se pisen entre ellos.
Dossier
El dossier del Instituto, en PDF
El caso completo: qué es el diseño agéntico, qué cambia para tu equipo y empresa, y cómo se aplica. Para ti o para tu comité de dirección. Déjanos el correo y te lo enviamos al instante.
Boletín del Instituto
Recibe lo nuevo en tu correo
Guías, herramientas e informes según los publicamos. Sin ruido: solo cuando hay algo que de verdad usar.