We may earn an affiliate commission when you visit our partners.
Course image
Daiana Fertonani

Aprender a construir un Design System no solo mejora tus diseños, sino que también te diferencia como profesional, te permite liderar proyectos más grandes y escalar tu carrera al siguiente nivel.

Para ser agnósticos desde un punto de vista de diseño y de desarrollo, se recomienda utilizar tokens como metodología. Sin importar en qué lenguaje se programe, usar tokens es la solución que se puede emplear en cualquier tipo de proyecto.

Read more

Aprender a construir un Design System no solo mejora tus diseños, sino que también te diferencia como profesional, te permite liderar proyectos más grandes y escalar tu carrera al siguiente nivel.

Para ser agnósticos desde un punto de vista de diseño y de desarrollo, se recomienda utilizar tokens como metodología. Sin importar en qué lenguaje se programe, usar tokens es la solución que se puede emplear en cualquier tipo de proyecto.

Crear un sistema de diseño consistente es parte de convertirte en un verdadero profesional. Entiende que, seas un solo diseñador o varias personas diseñando, si el equipo utiliza el sistema de diseño evitará malos entendidos y ayudará a tomar decisiones de forma rápida, ya que solo debes hacerlo una vez y quedará disponible. Así, en cuestión de minutos, tus diseños de wireframes se convertirán en pantallas de alta fidelidad, y dispondrás entonces de tiempo para presentaciones, documentación, negociación y trabajo en equipo.

¿Qué aprenderás en este curso?

  • Crear y organizar variables y design tokens en Figma.

  • Definir alias y brand tokens para mantener la coherencia de marca.

  • Usar variables en la creación de componentes y variantes.

  • Implementar una estructura base que siente las bases de un sistema de diseño funcional.

  • Buenas prácticas y consejos para optimizar el trabajo colaborativo.

¿Qué no incluye este curso?

  • No se cubre en profundidad la estrategia UX de sistemas de diseño. Solo se crearán algunos componentes básicos para ejemplificar el uso de variables y tokens.

  • No se enseñará la creación de UI Kits completos.

  • No se profundizará en la construcción avanzada de design systems a gran escala (este curso es una introducción práctica a los fundamentos).

Enroll now

What's inside

Learning objectives

  • Configurar alias y brand tokens: crear jerarquías de estilos que garanticen coherencia en todo el sistema de diseño.
  • Aplicar variables en componentes: construir variantes dinámicas que se adaptan a distintas necesidades de diseño.
  • Sentar bases de un design system: integrar tokens y componentes para iniciar un sistema escalable en proyectos reales.
  • Comprender variables y tokens: aprender a definir colores, tipografías y espaciados centralizados en figma.

Syllabus

Variables en Figma
Introducción y aproximación teórica a variables y tokens.
Primer paso: Definir la paleta de colores.
Colores como variables.
Read more

Si este curso te fue de utilidad, por favor, tómate un minuto para dejar una reseña. Esto me ayuda a seguir creando contenido de calidad para ustedes

Si este curso te fue de utilidad, por favor, tómate un minuto para dejar una reseña. Esto me ayuda a seguir creando contenido de calidad para ustedes.

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.
Save

Activities

Coming soon We're preparing activities for Variables y Tokens en Figma. These are activities you can do either before, during, or after a course.

Career center

Learners who complete Variables y Tokens en Figma will develop knowledge and skills that may be useful to these careers:

Reading list

We've selected 27 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Variables y Tokens en Figma.
Es una referencia esencial en español para dominar la herramienta Figma desde cero hasta niveles avanzados. Cubre aspectos fundamentales que sirven de base antes de entrar en la complejidad técnica de las variables y los tokens. Es muy útil como manual de consulta rápida para funciones de auto-layout y componentes.
Este libro se centra en el aspecto profesional y estratégico de construir sistemas de diseño, complementando la parte técnica del curso. Explica cómo vender la idea de un sistema de diseño a los interesados, lo cual es vital para aplicar tokens en proyectos reales. Es una referencia excelente para entender la metodología de trabajo colaborativo mencionada en el curso.
Considerado uno de los textos pilares en la industria, este libro profundiza en los patrones de diseño y la creación de lenguajes visuales coherentes. Es extremadamente valioso como lectura adicional para comprender el 'porqué' detrás de la estructura de tokens que se enseña en el curso. Ayuda a los estudiantes a pasar de crear simples variables a gestionar ecosistemas de diseño complejos.
Establece la jerarquía básica de átomos, moléculas y organismos que sustenta la lógica de los tokens en Figma. Es el texto fundacional que explica cómo los elementos pequeños (como los tokens de color) construyen sistemas complejos. Proporciona el conocimiento previo indispensable sobre la estructura atómica de las interfaces.
Se enfoca en cómo mantener la identidad de marca a través de sistemas de diseño, lo cual se alinea con el objetivo de configurar Brand Tokens. Es ideal para aprender a crear sistemas que no solo sean funcionales, sino que también comuniquen la esencia de la marca. Aporta una capa de profundidad estratégica sobre el uso de alias y variables tipográficas.
Una recopilación de artículos de expertos sobre la optimización y escalabilidad de sistemas de diseño. Cubre temas avanzados de documentación que el syllabus del curso menciona brevemente. Es perfecto para quienes buscan llevar sus habilidades de Figma al nivel de gran escala empresarial.
Proporciona la base psicológica para decidir por qué ciertos espaciados y tamaños deben estandarizarse mediante variables. Ayuda a justificar las decisiones de diseño que se documentan en el sistema de diseño de Figma. Es una lectura complementaria que añade rigor científico a la creación de componentes.
Este libro ofrece un enfoque práctico sobre cómo Figma facilita el flujo de trabajo de UX/UI moderno. Es muy útil para comprender la integración de componentes y variantes dinámicas antes de aplicar variables de lógica avanzada. Sirve como una excelente guía de repaso para las funcionalidades básicas de la herramienta.
Una guía práctica en español que ayuda a los principiantes a familiarizarse con la creación de bibliotecas de estilos. Aunque es introductorio, sienta las bases necesarias para entender la transición hacia el nuevo modelo de variables de Figma. Es útil como material de consulta rápida para estudiantes que prefieren recursos en su idioma nativo.
Este clásico del diseño es vital para comprender la lógica de los 'spacing tokens' y el 'layout' que el curso propone automatizar. Proporciona el fundamento histórico y técnico para crear sistemas consistentes y ordenados. Es más valioso como lectura de trasfondo para entender la importancia de la consistencia visual.
Nathan Curtis es una autoridad mundial en Design Tokens, y este libro (aunque más antiguo) sentó las bases de la modularidad. Es útil para entender la lógica de componentes y variantes que el curso enseña a configurar. Proporciona una base histórica y metodológica muy valiosa.
Explora cómo unificar la experiencia de usuario a través de un lenguaje de diseño compartido, lo cual es el núcleo de los tokens. Proporciona una visión técnica que ayuda a los diseñadores a hablar el mismo idioma que los desarrolladores. Es una referencia técnica sólida para escalar proyectos de Figma a código.
Este libro es una enciclopedia de patrones de interfaz que se pueden convertir en componentes dentro de un sistema en Figma. Ayuda a identificar qué elementos recurrentes deben ser priorizados al crear una paleta de variables. Es ampliamente utilizado por profesionales de la industria para documentar comportamientos de UI.
Este libro es una referencia técnica para entender cómo se estructuran los tokens en la arquitectura de software. Ayuda a los diseñadores a comprender las implicaciones de sus variables de Figma en el mundo del desarrollo. Es más valioso como lectura técnica avanzada que como manual de diseño.
Proporciona los conocimientos previos sobre forma, repetición y estructura necesarios antes de abordar la complejidad de los sistemas digitales. Es útil para entender la lógica de las variantes y cómo los elementos visuales se relacionan entre sí. Es un libro de texto clásico en la formación de cualquier diseñador.
Aunque se enfoca en la pintura, los principios de la teoría del color que explica son esenciales para definir paletas de colores funcionales en Figma. Ayuda a entender cómo los colores interactúan, lo cual es clave para crear alias de color efectivos. Es un recurso excelente para profundizar en la parte teórica de las variables de color.
Aunque es un libro de teoría de sistemas general, es la base conceptual para entender por qué los tokens y variables funcionan como un ecosistema. Ayuda a desarrollar la mentalidad sistémica necesaria para liderar proyectos grandes, como menciona la descripción del curso. Es una lectura de trasfondo excelente para profesionales de nivel senior.
Enseña a crear patrones de diseño que sean accesibles desde su concepción, un tema crucial al definir tokens de color y tipografía. Complementa el curso al asegurar que el sistema de diseño sea inclusivo para todos los usuarios. Es una referencia de autoridad en el campo de la accesibilidad digital.
Explica el diseño desde la perspectiva del desarrollo, lo cual es fundamental para el uso de tokens como metodología agnóstica. Ayuda a los diseñadores a estructurar sus variables de Figma de manera que sean fácilmente implementables en código. Es ideal para mejorar el trabajo colaborativo mencionado en el curso.
Este libro ofrece una perspectiva crítica sobre cómo los sistemas de diseño pueden excluir a las personas si no se piensan correctamente. Es valioso para entender la responsabilidad ética al automatizar decisiones mediante tokens. Proporciona una profundidad conceptual que va más allá de la herramienta técnica.
Un manifiesto sobre la disciplina, la consistencia y la elegancia en los sistemas visuales. Aunque no trata sobre software moderno, sus principios son la base de lo que un Design System intenta lograr con variables y tokens. Es una lectura inspiracional de gran autoridad en el mundo del diseño.
Una recopilación de artículos y guías prácticas que cubren desde la auditoría de componentes hasta la implementación de tokens. Es muy actual y refleja las tendencias actuales de la industria del diseño de productos digitales. Sirve como un excelente complemento para el aprendizaje basado en proyectos del curso.
Un libro reciente que desglosa paso a paso la creación de un sistema de diseño moderno. Es muy relevante para el curso porque aborda específicamente la organización de bibliotecas y la documentación del progreso. Es una herramienta de referencia útil para diseñadores que trabajan solos o en equipos pequeños.
Este clásico de la usabilidad web ayuda a entender por qué la consistencia (lograda a través de tokens) es vital para el usuario final. Proporciona el razonamiento detrás de por qué debemos evitar la ambigüedad en los componentes de interfaz. Es un libro básico que todo diseñador de sistemas debería haber leído.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Similar courses are unavailable at this time. Please try again later.
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser