Manejo de Figma avanzado: definición de componentes y flujos interactivos

Acerca de este curso

Objetivo: Capacitar al equipo de diseño y desarrollo en el dominio técnico avanzado de Figma, automatizando flujos de trabajo mediante la creación de componentes escalables, sistemas de diseño cohesivos y prototipos interactivos de alta fidelidad que reduzcan los tiempos de desarrollo y optimicen la documentación de proyectos.

Contenido del curso

Módulo 1. Variables Avanzadas y Modos
Objetivo: Implementar una arquitectura de gestión avanzada dentro del entorno de diseño en Figma a través de variables. ● Introducción a la Anatomía y Tipos de Datos de Variables Nativas (Color, Número, Texto, Boleano) ● Modos de Variables y Herencia de variables en cascada ● Escalabilidad, Gobernanza y Mantenimiento de Colecciones

Módulo 2. Design System y Arquitectura de Tokens
Objetivo: Comprender los fundamentos de un Design System implementando una arquitectura de tokens de 3 niveles, garantizando la independencia de componentes y la escalabilidad del sistema. ● Fundamentos Esenciales de un Design System ● Introducción al Estándar W3C Design Tokens ● Estructuración Jerárquica de Tokens ● Preparación de variables para Handoff transplataforma

Módulo 3. Layout Avanzado: Auto Layout 5.0 y Grid Nativo
Objetivo: Dominar el motor geométrico de renderizado para construir layouts fluidos y elásticos basados en las especificaciones CSS Flexbox y CSS Grid, y de esta manera poder diseñar interfaces a nivel de producción. ● Auto Layout Avanzado ● Grid Nativo en Contenedores ● Variables Numéricas Aplicadas a Layouts y Propiedades Geométricas

Módulo 4. Componentes avanzados y bibliotecas reutilizables
Objetivo: Diseñar componentes modulares y anidados mediante propiedades semánticas, configurando microinteracciones, así como estrategias de publicación para garantizar la gobernanza de librerías en la nube. ● Creación de componentes maestros y patrones de diseño compuestos mediante arquitectura de Slots ● Componentes anidados ● Variantes y propiedades funcionales avanzadas ● Componentes interactivos y estados lógicos concurrentes ● Estrategias de empaquetado, documentación, indexación y publicación.

Módulo 5. Prototipado Avanzado 1: Expresiones Matemáticas y Condicionales
Objetivo: Dominar la programación visual mediante expresiones avanzadas y sentencias condicionales que permitan replicar en el prototipo un entorno de desarrollo frontend con lógica de validación. ● Operaciones Matemáticas y Manejo de Tipos de Datos ● Lógica Condicionales if / Else ● Operadores Relacionales y Evaluación de Estados

Módulo 6. Prototipado Avanzado 2: Inputs Complejos y Estados Dinámicos
Objetivo: Diseñar y recrear un sistema robusto de captura de datos mediante la gestión de eventos basados en periféricos físicos y la manipulación de cadenas de texto vinculadas a variantes lógicas. ● Mapeo de Triggers Periféricos Avanzados ● Concatenación y Límites Numéricos de Entrada ● Temporización Asíncrona ● Componentes Reactivos Ligados a Variables (Sincronización)

Módulo 7. Prototipado Avanzado 3: Flujos No Lineales y Microinteracciones
Objetivo: Prototipar simulaciones de software de alta fidelidad que reaccionan a la navegación libre mediante animaciones complejas basadas en temporizadores e interacciones encadenadas. ● Persistencia de datos de estado global entre diferentes vistas ● Animaciones Avanzadas con Smart Animate ● Física del movimiento ● Captura de gestos continuos mediante el trigger ● Gestión de estados concurrentes aislados a nivel de microcomponente

Módulo 8. Colaboración y Gestión de Proyectos en Figma
Objetivo: Administrar la organización de proyectos, la gestión de permisos y la gobernanza de archivos, implementando flujos de revisión y control de versiones para evitar la fricción entre analistas, diseñadores y desarrolladores. ● Organización de espacios de trabajo y proyectos ● Control de versiones avanzado: Ramificaciones ● Flujos de revisión y aprobación ● Colaboración multidisciplinaria en el lienzo ● Gestión de permisos y gobernanza de archivos

Módulo 9. Laboratorio de Consultoría Técnica y Revisión de Proyectos Reales
Objetivo: Mentoría uno a uno donde el equipo presenta los archivos de proyectos, flujos de interfaces y sistemas de diseño que desarrollan activamente hoy en día en Figma.

Módulo 10. Charla Abierta de Preguntas y Respuestas: ¿Cómo pasar de Avanzado a Experto?
Objetivo: Resolver todas las dudas acumuladas y platicar sobre el "qué sigue" para el equipo: cómo evolucionar, automatizar tareas y dominar Figma como a un nivel experto.

Valoraciones y reseñas de estudiantes

Aún no hay reseñas.