Ficha técnica · revisada en agosto de 2026

La letra técnica del temario.

El temario habla del oficio. Esta ficha guarda lo que hay debajo: cada especificación con su versión y su fecha, cada afirmación con su fuente primaria. El sector se mueve cada pocas semanas; por eso el temario se revisa antes de cada promoción y cada cohorte recibe las versiones nuevas de por vida.



  1. 01

    Anatomía de un design system agéntico

    • El eje build vs ejecución: qué se hornea al compilar y qué opera en directo contra el registro
    • El Figma MCP escribe en canvas (beta): crea frames, componentes y variables; clientes soportados: Claude Code, Cursor, Codex, VS Code
    • Primer prompt-system de componente sobre tokens DTCG

  2. 02

    Principios antes que componentes

    Sin letra técnica que señalar: la semana trabaja sobre criterio y método, no sobre herramientas con versión.


  3. 03

    Documentación legible por agentes

    • Spec MCP 2026-07-28 (28-jul-2026): protocolo sin estado, autorización CIMD (DCR deprecado), descubrimiento por server/discover; la 2025-11-25 sigue siendo interoperable
    • Security Best Practices de la spec: prohibición normativa (MUST NOT) del token passthrough; confused deputy y session hijacking documentados como ataques con nombre
    • Tool poisoning demostrado por Invariant Labs contra Cursor (1-abr-2025): instrucciones ocultas en la description de una tool
    • Figma MCP remoto (mcp.figma.com/mcp, sin app de escritorio); el endpoint local pasó de /sse a /mcp
    • Adopción real: AGENTS.md en 60.000+ proyectos (Linux Foundation, dic-2025); del llms.txt publicado, el 97% no recibe visitas (Ahrefs, jun-2026) y su único consumidor real son los agentes de código

  4. 04

    Tokens que entienden contexto

    • DTCG 2025.10 (Final Community Group Report, 28-oct-2025; primera versión estable, no es 'estándar W3C'): módulos Format, Color y Resolver
    • Color como objeto {colorSpace, components} con 14 espacios (Oklch, Display P3, CSS Color 4)
    • Resolver: sets, modifiers y resolutionOrder para temas y modos (light/dark/alto contraste); tokens horneados en build o servidos en ejecución para multimarca
    • $extensions como campo de metadata legible por agentes
    • Soporte parcial del tooling: Style Dictionary v5 (Resolver pendiente, issue #1590); Figma Variables exporta DTCG pero sin tokens compuestos

  5. 05

    De criterios a reglas validables

    • Vehículo: ESLint/Stylelint (Atlassian ensure-design-token-usage, v16.6.0 del 28-jul-2026; @atlaskit/stylelint-design-system v5.0.2)
    • Rego/OPA válido como capa de governance genérica si la plataforma ya lo usa; sin caso público validando design tokens

  6. 06

    Accesibilidad WCAG 2.2 sobre UI generada

    • Ley 11/2023 (transposición española del EAA), título I en vigor desde 28-jun-2025; sanciones remisivas (art. 30 → legislación sectorial + RDL 1/2013)
    • EN 301 549 V3.2.1 armonizada = WCAG 2.1 AA exigible hoy; FprEN V4.1.0 (WCAG 2.2) con citación en el DOUE anticipada hacia oct-2026
    • AI Act art. 50 (transparencia y marcado de contenido sintético) aplicable desde el 2-ago-2026; no pospuesto por el omnibus digital
    • WCAG 3.0 sigue en Working Draft: no citable como norma

  7. 07

    Evaluación del output agéntico

    • Regresión visual de la UI generada: snapshots, diffs y umbrales para cazar la deriva
    • 12 sesgos del juez LLM catalogados y cuantificables (CALM, ICLR 2025, IBM Research et al.)
    • El acuerdo bruto de un juez sobreestima el acuerdo real (kappa) ~39 puntos de media, y su ranking no se transfiere entre benchmarks (preprint jun-2026: un solo estudio, sin revisar)
    • WebDev Arena y Design Arena miden preferencia humana por voto pareado (Bradley-Terry), no corrección ni accesibilidad
    • Regresión visual, estado ago-2026: Percy (BrowserStack) y Argos activos; Playwright toHaveScreenshot() nativo; Lost Pixel descontinuado (abr-2026)

  8. 08

    Release del Kit y dirección de agentes

    • Server-driven UI en producción, con fuente primaria: Airbnb Ghost Platform (2021, un esquema GraphQL para web/iOS/Android), Shopify Shop App (SDUI de 4 capas), Lyft Bikes and Scooters (componentes declarativos vía protobuf, 2023)
    • El BFF (backend-for-frontend) como sede del orquestador: claves fuera del cliente, límites, coste y auditoría
    • Coste de operar agentes: caching de prompts (lecturas a 0,1x) y batch (-50%) en Anthropic, OpenAI y Google; Claude Sonnet 5 sube a $3/$15 por MTok el 1-sep-2026
    • El proyecto se publica en la página de la promoción, con permiso del alumno