Sistemas de diseño para aplicaciones móviles
Solicitar inscripción
Estructura y descripción detallada
Módulos del programa
Módulo 1 - Diagnóstico
Auditoría de la interfaz actual. Inventario de componentes existentes. Identificación de patrones repetidos y contradictorios.
Módulo 2 - Fundaciones
Definición de tokens: color, tipografía, espaciado, elevación. Conexión entre Figma y código mediante archivos de configuración.
Módulo 3 - Componentes
Construcción de componentes atómicos y compuestos. Documentación de uso, estados y restricciones directamente en Figma.
Módulo 4 - Gobierno del sistema
Proceso de propuesta y aprobación de cambios. Comunicación de actualizaciones al equipo. Criterios para deprecar componentes.
Descripción completa
Un sistema de diseño no es una biblioteca de componentes en Figma. Es un acuerdo entre personas sobre cómo se construye el producto. Sin ese acuerdo, la biblioteca se queda obsoleta en tres sprints.
Este programa parte de esa realidad. Trabajamos con equipos que ya tienen un producto en producción y necesitan ordenar lo que existe, no empezar desde cero con un sistema ideal que nadie va a mantener.
Contenido principal
- Auditoría de interfaces existentes: cómo detectar inconsistencias y priorizarlas
- Tokens de diseño y su conexión con el código mediante Style Dictionary
- Componentes en Figma con variantes, propiedades y documentación integrada
- Procesos de actualización: quién decide, cómo se comunica, cómo se versiona
Cada participante trabaja sobre su propio producto o sobre un caso de estudio proporcionado si aún no tiene uno en producción.
Herramientas que se usan
Figma, Style Dictionary, GitHub para versionar tokens. No se requiere experiencia en código, pero ayuda entender qué es una variable CSS.