SESIÓN 1 - LUNES 10 DE MARZO
La fuente de la verdad
Hablaremos del problema de comunicación entre los equipos de diseño y desarrollo y cómo los Design Tokens te ayudarán a mejorar el proceso, siendo la fuente de la verdad. Además de presentarnos y profundizar en lo que veremos durante el curso, mostraremos cómo es un flujo completo desde el diseño a la implementación.
SESIÓN 2 - MARTES 11 DE MARZO
Arquitectura de Tokens
Profundizarás en la teoría y buenas prácticas detrás de la implementación de Design Tokens. El objetivo será tener claros los principios y entender la toma de decisiones de su creación.
SESIÓN 3 - JUEVES 13 DE MARZO
Sincronización con Github
Aprenderás a sincronizar tus Design Tokens entre Figma y GitHub, asegurando que los estilos y componentes de tu aplicación estén siempre actualizados y alineados.
SESIÓN 4, 5, 6 - 17, 18, 20 DE MARZO
Prácticas en Figma y Token Studio
Entraremos a la práctica de tokenizar nuestra interfaz, entendiendo y profundizando en la creación de Design Tokens con las herramientas de Figma y Token Studio.
SESIÓN 7 - LUNES 24 DE MARZO
Style Dictionary
Descubrirás cómo utilizar Style Dictionary para gestionar tus Design Tokens a partir de una única fuente de la verdad. Veremos cómo configurarlo y alimentarlo desde los Tokens de Figma almacenados en Github.
SESIÓN 8 - MARTES 25 DE MARZO
Transformadores
En esta sesión, aprenderás a usar transformadores en Style Dictionary para convertir y adaptar los Design Tokens a las diferentes necesidades de la plataforma.
SESIÓN 9 - JUEVES 27 DE MARZO
Formatos
Verás cómo usar los formatos en Style Dictionary para definir la salida de los Design Tokens en diferentes lenguajes y plataformas (CSS, JavaScript, Swift, XML, etc.). Aprenderás a crear formatos personalizados que se adapten a las necesidades específicas de tu proyecto, permitiendo un flujo de trabajo más eficiente entre el diseño y el desarrollo.
SESIÓN 10 - LUNES 31 DE MARZO
Dark Mode
Descubrirás el flujo completo para implementar el Dark Mode en proyectos utilizando Style Dictionary.
SESIÓN 11 - MARTES 1 DE ABRIL
Práctica de código
Pondremos en práctica todo lo visto en las clases de transformadores y formatos, para que no te quede ninguna duda.
SESIÓN 12 - JUEVES 3 DE ABRIL
Presentaciones
Será una oportunidad para compartir los temas con Design Tokens que se han desarrollado durante el curso, intercambiando ideas, mejoras y despedirnos.