Ir al contenido

Lámina 00 — Portada

Design systems a escala agéntica.

Joan Arbó — Fractional Design System Architect

Ver casos de estudio

00 — Planteamiento

Tu design system, preparado para lo agéntico

Las empresas que escalan necesitan un design system que no solo sea consistente, sino que los agentes de IA puedan componer, orquestar y extender. La mayoría de los equipos internos no tienen la experiencia para hacer esa transición — necesitan a alguien que la haya hecho antes.

Consolido design systems a escala enterprise y los preparo para la era agéntica. Disponible para dos o tres proyectos fractional al año, de tres meses cada uno.

AUDITORÍA · CONSOLIDACIÓN · TRANSFERENCIA INSTITUTO AGÉNTICO Educación · IA LORS CLUB Real estate intel BODADOS Wedding planning LA VIGENCIA Regulatory intel NORTE Salud · hábitos ALTURA = COMPLEJIDAD DEL SISTEMA CASOS DE ESTUDIO

Alzado · cinco casos de estudio como edificios sobre una base compartida de design system architecture — la altura mide la complejidad del sistema

Cómo leer esta lámina
La base común
Auditoría, consolidación y transferencia. Toda torre se levanta sobre el mismo método de design system architecture.
Torre en ocre
Instituto Agéntico — el caso con más capas de sistema: educación, diseño agéntico y orquestación de IA.
Altura de cada torre
Representa la profundidad del dominio. LORS Club y La Vigencia son los más altos por la complejidad de su inteligencia; Norte y Bodados, más compactos.
Forjados internos
Las líneas dentro de cada torre son las capas del design system: tokens, componentes, documentación, orquestación.
01 / 05 Educación ejecutiva · Diseño · IA Caso de estudio

Instituto Agéntico

Design system como producto educativo y caso de estudio en sí mismo.

Programa ejecutivo para diseñadores y líderes de producto que necesitan dominar design systems agénticos. El propio sistema de diseño del instituto demuestra la metodología que enseña: tokens semánticos, componentes orquestables y documentación ejecutable.

institutoagentico.com
origen RECORRIDO DEL ALUMNO EL INSTITUTO AGÉNTICO ESTUDIOS anexo futuro 12 SATÉLITES 12 meses BOOTCAMP 8 semanas CLAUSTRO · MÉTODO el cimiento

Sección · el Instituto se lee como un edificio — el método es el cimiento, el bootcamp la planta de acceso, los 12 satélites la planta principal

Cómo leer esta lámina
El cimiento
Bajo tierra: el claustro y el método. Es lo que sostiene todo el edificio y no se ve desde la calle.
Bootcamp — planta de acceso
En ocre, a ras de suelo: 8 semanas intensivas. Es por donde entra el alumno. El punto «origen» marca el inicio del recorrido.
12 satélites
La planta principal: 12 meses, 12 ventanas. Cada satélite es un módulo de continuidad tras el bootcamp.
Estudios — anexo futuro
Dibujado en discontinuo: una planta proyectada que aún no está construida.
Recorrido del alumno
La línea punteada ocre: del origen, en el bootcamp, ascendiendo a través de los satélites hacia los estudios.
02 / 05 Real estate intelligence · Media Caso de estudio

LORS Club

Design system agéntico aplicado a inteligencia territorial.

Plataforma de inteligencia costera para compradores internacionales. El design system unifica análisis territorial, scoring propietario y capa editorial en una experiencia cohesiva que agentes de IA pueden consultar y extender.

lorsclub.com
LÍNEA DE COSTA ESTILO DE VIDA Gastronomía · cultura · ritmo POTENCIAL Revalorización · desarrollo · tendencia SATURACIÓN Densidad turística · presión inmobiliaria CALIDAD TERRITORIAL Infraestructura · entorno · conectividad SONDEO LORS SCORE™ Índice compuesto por zona THE LORS WEEKLY capa editorial PROFUNDIDAD DE SEÑAL LORS CLUB · TERRITORIO

Sección estratigráfica · cuatro estratos de señal territorial que un sondeo atraviesa y sintetiza en el LORS Score™

Cómo leer esta lámina
Los cuatro estratos
Calidad territorial, saturación, potencial y estilo de vida. Cada zona costera se lee como un terreno con estas capas.
El sondeo
La línea punteada ocre: la perforación que toma muestra de cada estrato para una zona concreta.
La síntesis
Las cuatro muestras convergen en el LORS Score™, un único índice compuesto por zona.
The LORS Weekly
La capa editorial: el análisis que acompaña al dato en discontinuo.
03 / 05 Wedding planning · Consumer Caso de estudio

Bodados

Componentes orquestables en un dominio de alta complejidad emocional.

Plataforma de organización de bodas que centraliza invitaciones, RSVP, presupuesto y planificación. El sistema de diseño permite que componentes complejos —agenda, presupuesto, seating— se comporten como módulos orquestables por IA.

bodados.com
INVITACIONES Diseño digital RSVP Confirmación PRESUPUESTO Control de gastos AGENDA Timeline DÍA D Planificación FREEMIUM PREMIUM · 99 € inicio GRATUITO · 3 SALAS PREMIUM · 2 SALAS BODADOS · PLANTA

Planta · cinco salas conectadas que la pareja recorre — un umbral separa las tres gratuitas de las dos premium

Cómo leer esta lámina
Las cinco salas
Invitaciones, RSVP, presupuesto, agenda y día D. Cada módulo es una sala por la que se pasa en orden.
El umbral premium
La línea discontinua ocre: las tres primeras salas son gratuitas; agenda y día D requieren la capa premium de 99 €.
El recorrido
La línea punteada: el camino de la pareja, de sala en sala a través de los vanos de paso.
04 / 05 Regulatory intelligence · B2B Caso de estudio

La Vigencia

Design system para inteligencia regulatoria con orquestación agéntica.

Sistema de inteligencia regulatoria que traduce ruido normativo en señales accionables. El design system estructura datos de múltiples fuentes —BOE, EUR-Lex, reguladores sectoriales— en interfaces que agentes de IA priorizan y distribuyen por impacto.

lavigencia.com
100 % ~40 % ~12 % ~5 % ~3 % FUENTES BOE · EUR-Lex · CNMV · sectoriales INGESTA Parsing diario estructurado FILTRADO Relevancia sectorial PRIORIZACIÓN Impacto real sobre negocio SEÑAL ACCIONABLE Curada y lista para decidir REDUCCIÓN DE VOLUMEN LA VIGENCIA · DESTILACIÓN

Sección · una columna de destilación — del cien por cien de ruido regulatorio al tres por ciento de señal accionable

Cómo leer esta lámina
La boca ancha
Fuentes: BOE, EUR-Lex, CNMV y reguladores sectoriales. Todo el volumen entra por arriba.
Las cámaras
Cada cámara estrecha el caudal: ingesta, filtrado y priorización descartan lo que no tiene impacto.
El residuo útil
En ocre, abajo: el 3 % que sale como señal accionable, curada y lista para decidir.
05 / 05 Health · Hábitos · Carga cognitiva Caso de estudio

Norte

Design system adaptativo orientado a carga cognitiva mínima.

App de salud diaria diseñada para reducir la carga cognitiva. El design system minimiza la superficie de interfaz: cada componente opera con la menor energía mental posible, adaptándose por contexto y estado del usuario sin intervención manual.

todoennorte.com
APP CONVENCIONAL NORTE Onboarding extenso Configuración de objetivos Input manual diario Recordatorios y notificaciones Análisis y dashboards Gamificación y rachas Social y comparativas espacio que no se ocupa OPERACIÓN MÍNIMA Salud con la menor carga posible 7 CAPAS · CARGA COGNITIVA 1 CAPA NORTE · SECCIÓN COMPARADA

Sección comparada · siete plantas de fricción en una app convencional frente a una sola losa de operación mínima en Norte

Cómo leer esta lámina
La torre de la izquierda
Una app de salud convencional: siete plantas apiladas, cada una una capa de decisión que exige energía mental.
La losa de la derecha
Norte, en ocre: una sola planta baja. Operar la salud cotidiana con la menor carga posible.
El vacío
El espacio en discontinuo sobre Norte: lo que deliberadamente no se construye. La ausencia de fricción es el producto.

02 — Método

Cómo trabajo

Cada engagement sigue la misma arquitectura: auditar, consolidar, preparar para lo agéntico y transferir. Cinco fases que se repiten en cada proyecto.

  1. 01

    Auditoría y consolidación

    Antes de escalar, consolido. Mapeo el sistema existente, identifico redundancias y reduzco componentes hasta una base mínima y robusta. En Western Union, esto significó una reducción del 88% en cuarenta mercados.

  2. 02

    Tokens como contrato

    Los design tokens son el API entre diseño e ingeniería. Defino un contrato semántico de tokens que permite a agentes de IA componer interfaces sin romper la coherencia visual del sistema.

  3. 03

    Componentes agénticos

    Cada componente se diseña para ser descubierto, compuesto y orquestado por agentes. No basta con que funcione: tiene que ser legible por máquinas y mantenible por humanos.

  4. 04

    Documentación ejecutable

    La documentación del sistema es código, no PDF. Storybook, tests visuales y contratos de API vivos que se validan en cada deploy. Si no se ejecuta, no existe.

  5. 05

    Transferencia real

    Al final de cada engagement, el equipo interno es dueño del sistema. No creo dependencia: transfiero conocimiento, herramientas y ownership en los tres meses del proyecto.

03 — Sobre mí

Design systems a escala, preparados para lo agéntico

Soy design system architect con experiencia en transformaciones a escala global. Consolidé el design system multimodal de Amazon Alexa y reduje un 88% el sistema de Western Union en cuarenta mercados.

Actualmente dirijo la arquitectura de diseño agéntico en una fintech en crecimiento, donde el design system no solo sirve a equipos humanos sino a agentes de IA que componen interfaces en producción.

Trabajo como fractional: dos o tres proyectos al año, tres meses cada uno. Sin retainers indefinidos, sin scope creep. Entro, consolido, escalo y transfiero.

Trabajo desde Madrid. Los proyectos que aparecen aquí son casos de estudio reales de mi metodología de diseño agéntico.

Hablemos de tu transformación

¿Tu empresa necesita escalar su design system para la era agéntica? Escríbeme directamente.