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

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 12 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.
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.
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.
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.
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.
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.
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 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.

Share

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

Similar courses

Here are nine courses similar to Variables y Tokens en Figma.
UI Design using Figma: Create a Weather App Interface
Most relevant
Learn Figma: User Interface Design Essentials - UI/UX...
Most relevant
Figma for Learners: Design Stunning UI/UX Projects
Most relevant
NEW Figma 2024: Getting started the Beginner to Pro Class
Most relevant
Beginner's guide to figma
Most relevant
Design Like a Pro: Figma Tokens for Effective Design...
Most relevant
Master Figma in 2025: Web & Mobile App Design from Scratch
Most relevant
One & Only Mobile App UI/UX Design Masterclass with Figma
Most relevant
Mobile App Design in Figma: From Concept to Prototype
Most relevant

Udemy Buyer Protection & Guarantee

Verified partner policies & purchase protections

Global Marketplace Leader
Free Trial & Audit

Free Lecture Previews

Free preview video lectures available for all courses; optional 7-day free trial on Personal Plan subscriptions (cancel before trial ends to avoid conversion).

Return & Refund Policy

30-Day Money-Back Guarantee

30-day money-back guarantee on all eligible individual course purchases (provided course content has not been substantially consumed or downloaded). Subscription fees are non-refundable once billed.

Buyer Protections

Verified Academic & Industry Partner

Lifetime access to purchased individual courses and future updates, verifiable certificate of completion, and direct student Q&A forums.

Key Purchase Protections
30-day 100% money-back guarantee on course purchases
Lifetime access on web, mobile, and offline
Certificate of completion included with purchase
Direct instructor Q&A and active student community
OpenCourser Verified Partner Policy details last reviewed: 2026-10-22
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