Figma — Avanzado

Dirigido a diseñadores UX/UI con experiencia consolidada en Figma que trabajan en equipos medianos o grandes y necesitan operar al nivel de arquitectura y gobernanza del diseño, este curso aborda los retos que surgen cuando una herramienta de diseño se convierte en infraestructura crítica de producto. A lo largo de ocho horas, las personas participantes aprenderán a estructurar sistemas de diseño multi-producto con jerarquías de librerías y tokens semánticos, a optimizar y sanear librerías existentes, a automatizar flujos de trabajo mediante plugins y la API de Figma, y a construir prototipos de alta fidelidad con lógica condicional y variables encadenadas; además, desarrollarán criterio profesional para evaluar la calidad de los prototipos y anticipar problemas de escalabilidad con planes de migración accionables. El resultado concreto es que cada participante saldrá del curso capaz de tomar decisiones técnicas y estratégicas sobre el sistema de diseño de su organización, reducir la deuda de diseño acumulada y liderar la evolución sostenible del entorno Figma de su equipo.

1. Describir los principios de arquitectura de sistemas de diseño multi-producto —jerarquía de librerías, tokens semánticos y modelos de gobernanza— y explicar cómo inciden en la escalabilidad y el mantenimiento a largo plazo.
2. Explicar los mecanismos de automatización disponibles en el ecosistema Figma —plugins, API y sincronización de tokens— identificando los casos de uso en los que cada uno aporta mayor valor.
3. Optimizar una librería de componentes existente detectando redundancias, aplicando nomenclatura escalable y verificando la reducción de instancias huérfanas como métrica de calidad.
4. Arquitecturar flujos de prototipado complejos que incorporen lógica condicional, variables y overlays encadenados para simular el comportamiento real de una aplicación.
5. Optimizar la colaboración en archivos de equipo grande mediante convenciones de capas, páginas, branching y permisos orientadas a minimizar conflictos de edición.
6. Evaluar críticamente un prototipo de alta fidelidad aplicando heurísticas de Nielsen y métricas de usabilidad, y emitir un dictamen razonado con propuestas priorizadas.
7. Anticipar problemas de escalabilidad en un sistema de diseño heredado y elaborar un plan de migración con fases, riesgos, criterios de aceptación y justificación de trade-offs de negocio.

Bloque 1 — Arquitectura de sistemas de diseño multi-producto Este bloque sienta las bases conceptuales del curso. Se analiza qué distingue un sistema de diseño puntual de uno diseñado para escalar a varios productos, profundizando en la jerarquía de librerías (global, de marca, de producto), la definición y nomenclatura de tokens semánticos, y los modelos de gobernanza que determinan quién puede publicar cambios, cómo se versiona y qué proceso de revisión garantiza la coherencia. Se trabaja sobre casos reales para identificar síntomas de deuda de diseño y anticipar los problemas de escalabilidad más habituales en librerías heredadas, sentando las bases para elaborar planes de migración con fases claras y criterios de aceptación verificables.

Bloque 2 — Optimización y saneamiento de librerías Con el marco conceptual establecido, el bloque pasa al plano procedimental: auditar una librería existente para detectar componentes duplicados o huérfanos, aplicar una nomenclatura escalable y reorganizar la estructura de modo que los equipos puedan encontrar y reutilizar componentes sin fricción. Se define y calcula la métrica de instancias huérfanas como indicador objetivo de la salud de la librería, y se practican flujos de refactorización que minimizan la rotura de archivos dependientes durante el proceso.

Bloque 3 — Automatización con plugins y API de Figma Este bloque explora el ecosistema de automatización de Figma: desde plugins orientados a la generación de contenido realista y la exportación de assets, hasta la sincronización de tokens de diseño con repositorios de código mediante herramientas como Token Studio. Se introducen los conceptos básicos de la API REST de Figma para consultar y modificar archivos programáticamente, y se mapean los casos de uso en los que la automatización reduce trabajo repetitivo y errores manuales dentro de un sprint real.

Bloque 4 — Prototipado avanzado con lógica condicional y variables El bloque se centra en las capacidades de prototipado de alta fidelidad que permiten simular comportamientos dinámicos reales: uso de variables (numéricas, booleanas y de cadena) para controlar estados, lógica condicional en las interacciones y overlays encadenados que replican patrones de navegación complejos como modales, drawers o flujos de onboarding. Se analiza también el trade-off entre fidelidad y coste de producción, proporcionando criterios —técnicos, de usuario y de negocio— para justificar el nivel de detalle adecuado según el contexto del sprint.

Bloque 5 — Evaluación heurística de prototipos y colaboración en equipo El curso cierra integrando las dimensiones de calidad y trabajo colaborativo. Por un lado, se aplican las diez heurísticas de Nielsen sobre prototipos construidos durante el curso, estructurando el dictamen con severidad, evidencias y propuestas priorizadas. Por otro, se establecen las convenciones de colaboración que hacen sostenible el trabajo en archivos compartidos por equipos grandes: nomenclatura y organización de capas y páginas, uso de branches para exploración sin riesgo, y gestión de permisos para equilibrar apertura y control, cerrando así el ciclo que conecta la arquitectura del sistema con la operación diaria del equipo.

• Cuenta de Figma con plan Professional o Organization (necesario para branching, librerías de equipo y permisos avanzados).
• Navegador Chrome o Firefox actualizado, o la aplicación de escritorio de Figma (recomendada para sesiones largas).
• Acceso a internet estable para la instalación y ejecución de plugins durante las prácticas.
• Permisos de edición en al menos un equipo de Figma donde se pueda crear y publicar una librería de pruebas.
• Node.js 18 LTS o superior instalado localmente (necesario para los ejercicios opcionales de API y sincronización de tokens vía CLI).
• Editor de código ligero (VS Code recomendado) para los ejercicios de automatización.

• Dominio de componentes, variantes y auto layout en Figma a nivel intermedio (cubierto en FIG02).
• Experiencia creando y publicando librerías de equipo en Figma.
• Conocimiento básico de sistemas de diseño: qué son, para qué sirven y cómo se consumen desde un archivo de producto.
• Familiaridad con el concepto de tokens de diseño (color, tipografía, espaciado).
• Nociones de prototipado interactivo en Figma: conexiones entre frames, animaciones y overlays simples.