Curso de diseño eimplementación de$design-tokens
Domina su creación y aprende cómo aplicarlos en un proyecto real en 5 semanas
Ver sesiones →Profesionales de empresas top han confiado en nuestro curso
Diseño y código, por fin alineados
Aprende los pilares del Sistema de Diseño dominando la definición y exportación de Design Tokens a desarrollo.
Definición de la arquitectura de Design Tokens
Aprenderás a modelar una taxonomía escalable, con buenas prácticas de naming y recomendaciones según casuísticas. Usaremos Figma y Token Studio para que puedas usar tus tokens en tus diseños y exportarlos a los equipos de desarrollo.
Sincronización y gobernanza del repositorio
Conectaremos los tokens a GitHub y veremos cómo crear un flujo entre diseño y desarrollo de PRs, revisión y releases con versionado semántico, donde el repositorio es la fuente de la verdad para todos los equipos.
Transformación y distribución multiplataforma
Configuramos Style Dictionary para generar salidas listas para CSS, JS/TS, iOS, Android o cualquier formato. Automatizaremos un pipeline CI/CD para publicar los cambios con las versiones del repositorio, lo que te permitirá aplicar los cambios en producción desde Figma.
Theming y dark mode en producción
También veremos cómo plantear una estrategia multi-theming y cómo definir modos día/noche mientras aseguramos la coherencia visual y la accesibilidad, para escalar nuestros productos con coherencia.
Potencia tus Design Tokens con Inteligencia Artificial
En esta nueva edición descubrirás cómo aprovechar la IA y los MCPs de Style Dictionary para automatizar y acelerar todo el proceso de creación y mantenimiento de tokens.
Agentes de IA
Genera mejores tokens con técnicas de prompting
MCP Style Dictionary
Transforma directamente tus estilos a cualquier formato con lenguaje natural
Flujo optimizado
Una vez conozcas el flujo, aplica IA para ahorrar tiempo
Todas las grandes empresas ya
trabajan con Design Tokens
¿El curso es para ti?
Aunque no hayas utilizado Figma o no hayas escrito nunca código, en el curso veremos el paso a paso desde cero para que cualquier perfil lo pueda seguir sin problemas.
Desarrolladores
Quieres mejorar la comunicación con diseño y ganar más velocidad. Aprenderás cómo alinear los equipos con Design Tokens y a transformarlos con Style Dictionary, con un flujo automatizado y versionado en un proyecto real en web.
Diseñadores UX/UI
Te preocupa la coherencia entre el diseño y producto final y el mantenimiento de cambios. En el curso verás cómo crear una taxonomía de Design Tokens desde Figma y Tokens Studio con un flujo automatizado, para asegurarte que desarrollo siempre esté alineado con tus decisiones.
Managers / Leads
Necesitas alinear equipos y acelerar entregas sin sacrificar calidad. Trabajar con Design Tokens te dará una herramienta estandar en el sector que te permitirá mantener la consistencia con un flujo escalable, gobernable y bajo una única fuente de la verdad.
Conoce a los profesores
Ingeniero informático, me especialicé como desarrollador web y profesor con más de 10 años de experiencia.
Diseñador multidisciplinar, encontré mi pasión en escalar el diseño de startups y productos digitales a través de los sistemas de diseño.
14 sesiones prácticas
Un programa completo que te llevará desde los fundamentos hasta la implementación avanzada de Design Tokens en proyectos reales.
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.
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.
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.
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.
Durante esta semana, daremos tiempo para que cada persona trabaje en desarrollar su proyecto personal y llevar a la práctica los conocimientos. Tendremos una sesión de dudas y Q&A a mitad de semana y estaremos disponibles para que no se quede nada en el tintero.
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.
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.
Descubrirás el flujo completo para implementar el Dark Mode en proyectos utilizando Style Dictionary.
Pondremos en práctica todo lo visto en las clases de transformadores y formatos, para que no te quede ninguna duda.
Será una oportunidad para compartir los temas con Design Tokens que se han desarrollado durante el curso, intercambiando ideas, mejoras y despedirnos.
Lo que dicen nuestros alumnos
Valoración de 4.9/5
"Como desarrollador, el curso fue una excelente oportunidad para profundizar en los conceptos y aprender a implementarlos de manera eficiente en proyectos reales. Es una gran forma de entender los Design Tokens como puente entre diseño y desarrollo, fortaleciendo la colaboración entre ambos y asegurando consistencia y escalabilidad en los productos digitales."
"Este curso ha sido justo lo que necesitaba para aplicar Design Tokens en mi trabajo como Product Designer. Explica de forma clara cómo estructurar un sistema de diseño escalable y adaptable a múltiples marcas, además de cómo gestionar dark y light modes de manera eficiente. Lo mejor es que está muy bien enfocado a la práctica: aprendes no solo los conceptos, sino también cómo implementarlos en proyectos reales y mejorar la colaboración con desarrollo. Me llevo un montón de ideas para optimizar la gestión de estilos y componentes y asegurar coherencia en productos multimarca. Si trabajas en diseño de producto y buscas una forma eficiente de escalar tu sistema de diseño, este curso vale totalmente la pena."
"Como Product Designer, el curso me ofreció una experiencia de aprendizaje enriquecedora, enfocada a aterrizar conceptos técnicos a través de ejercicios prácticos, proporcionando una comprensión amplia y detallada en la creación de tokens. Este programa es ideal para perfiles principiantes que quieren estrechar el hueco entre diseño y desarrollo, hasta profesionales experimentados que desean perfeccionar y actualizar sus conocimientos."
"De este curso me llevo el valor que tienen los tokens para trabajar de forma mas eficiente entre desarrollo y diseño. Creo que es clave como diseñadora, no solo aprender como trabajar esta parte desde diseño, sino también entender cómo se traducirá luego en desarrollo. Explorar herramientas como Github, Style Dictionary y sus transformadores me ha parecido super interesante. Ahora, a ponerlo en práctica!"
"Como diseñadora de producto, este curso ha sido muy útil para aprender sobre algo tan específico y valioso como los tokens, sus usos y su aplicación. ¡Ya estoy lista para poner en práctica lo aprendido! ¡Súper recomendable!"
"Este es un curso que recomiendo para todos, el lenguaje con que fue explicado es sumamente claro, no importa del área que vengas, permite que personas que tengan poco y mucho conocimiento se sientan cómodas al realizarlo, el material que fue preparado es el correcto para abarcar lo mas posible en cada clase, ademas que la disposición para ayudar de los profesores es genial, en todo momento nos hicieron sentir cómodos y en confianza para participar, preguntar y aprender y equivocarnos las veces que fuesen necesarias. Quedé muy contenta con todo lo que pude aprender."
Precios
Design Tokens en español
Suscríbete a nuestra newsletter para recibir píldoras y novedades sobre Design Tokens.
Diseño e Implementación de Design Tokens
Aprende el proceso de creación de Design Tokens desde la definición hasta la implementación en desarrollo.
¿Quieres que te ayudemos en tu proyecto?
Contáctanos para ayudarte de forma más personalizada en tu proyecto o empresa.
¿Necesitas facturar como empresa? Contáctanos a hola@designtokens.es
Resolvemos tus dudas
¿Tienes alguna pregunta sobre el curso? Aquí encontrarás las respuestas a las consultas más frecuentes.
La 3ª edición empezará el lunes 13 de Octubre. Las clases serán los lunes, martes y jueves, siendo la última sesión el viernes, 14 de Noviembre. El formato será online en directo, empezando a las 18:30 hasta las 20:30 UTC+1 (horario Madrid).
El curso va dirigido a cualquier perfil involucrado en el desarrollo de productos digitales, desde diseñadores a desarrolladores y product managers que quieran conocer la metodología para mejorar la escalabilidad y comunicación entre equipos a través de los Design Tokens. Daremos por sentada mucha información básica, por lo que si tienes dudas tanto sobre si este curso es para tí, como si va a cubrir tus expectativas, por favor contáctanos por correo y te daremos más info.
No es necesario. Partiremos desde cero a la hora de enseñar cómo transformar y llevar a producción nuestros Design Tokens, por lo que no tendrás problemas de seguir las clases aunque nunca hayas programado.
Sí, cada clase se grabará y se mantendrá disponible por un tiempo limitado, por si necesitas volver a verla o no has podido asistir.
Sí, tendrás acceso de por vida a la comunidad de alumnos, donde podrás preguntar dudas y mantenerte al día de las novedades en el mundillo tecnológico y de Design Tokens. Además, tendrás acceso a la Bitácora de contenido, donde actualizaremos referencias y añadiremos contenido extra continuamente.
Sí. Puedes mantenerte al tanto siguiendo nuestra página de Linkedin.
¿Tienes más dudas?