Guías

Guías técnicas

Tutoriales operativos. Cómo se construye, qué decisiones implica, qué no se hace. Cada guía es la versión condensada de algo que enseñamos en la promoción.



  1. Nivel senior

    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.

    4 min Leer guía

  2. Nivel mid

    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.

    4 min Leer guía

  3. Nivel mid

    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.

    4 min Leer guía

  4. Nivel senior

    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.

    7 min Leer guía

  5. Nivel senior

    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.

    5 min Leer guía

  6. Nivel lead

    Cuatro controles que impiden que el agente rompa el sistema

    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.

    4 min Leer guía

  7. Nivel senior

    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.

    5 min Leer guía

  8. Nivel senior

    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.

    3 min Leer guía

  9. Nivel lead

    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.

    5 min Leer guía

  10. Nivel senior

    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.

    4 min Leer guía

  11. Nivel senior

    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.

    5 min Leer guía