Nuevo curso de Product Design + IA
Ahorra más con el Pack de Figma
Solo el de Design Systems
$49
$80.00
Ahorras $31
Curso de Design Systems
Comprar en un pagoO pagar en 3 cuotas de $16.33
El Pack Completo de Figma
Aprende Figma de 0 a 100
$87
$200.00
Ahorras $113
Curso de Design Systems ($39 $80)
Curso de Figma Auto Layout ($29 $50)
PREVENTA: Curso de Motion, AI y Prototipado ($19 $60)
Comprar Pack de Cursos
Pack de cursos de Figma
+2200
4.8
0 a 100
Comprar Pack

Figma Master Pack: Domina Figma desde 0 hasta profesional

Tres cursos, una ruta. Pasa de “diseñar pantallas” a construir productos: orden, consistencia y prototipos que venden ideas. Conviértete en un experto diseñando con Figma.
Incluye Figma Pro (Plan Educacional)
Se activa dentro del los 5 días hábiles. Duración de 6 meses.

Comienza a aprender hoy

Pagas 2 y te llevas 3
US$109
Sin Pack
$137.00
Ahorras
$28
Comprar Pack
Pago único o hasta 3 cuotas sin interés
El curso incluye:
1. Curso de Figma Auto Layout
2. Curso de Design Systems
3. Curso de Motion, Prototipado e IA
Clases en video a tu ritmo
Todos los recursos descargables y guías
Proyectos Finales para tu portfolio
Certificado de finalización
Acceso exclusivo a la comunidad
Actualizaciones de por vida
Última actualización: mayo 2026
¡Garantía de reembolso de 30 días!
Te devolvemos el 100% si completaste menos del 20% del curso y no estás conforme.
👥 ¿Tienes un equipo? Contáctanos a hola@espacioux.com.

Qué aprenderás

Diseño Responsive en Figma (Auto Layout):Auto Layout de cero a avanzado, grids y alineación, resize (Fix, Fill, Hug), constraints y posición absoluta, componentes responsive, proyecto 100% armado con Auto Layout.
Design Systems: Aprende a crear un Design System desde 0. Domina Tokens, Variables, Componentes avanzados y Estilos, Atomic Design aplicado, modo claro y modo oscuro, variantes y propiedades, documentación y handoff, organización de librerías.
Motion, Prototipado e IA: principios de prototipado, Smart Animate y transiciones, microanimaciones, interacciones y triggers, lógica condicional, animación con variables, prototipado con IA (Figma Make, Lovable), animaciones exportables (Lottie). Elevar la calidad de tus diseños, portfolio y UIs.

Requisitos

No se requieren conocimientos previos en Figma
Contar con una computadora con acceso a internet y una cuenta de Figma (gratis o Pro).

Descripción del curso

Figma es el estándar de la industria. Las búsquedas laborales de UX/UI lo piden como requisito, no como plus. Y el auge de la IA no cambió eso: herramientas como Figma Make, Lovable, Claude, Stitch, etc. Se integran dentro del flujo de Figma, no lo reemplazan. Por eso Figma sigue siendo la base, y la IA es el acelerador.


‍Este pack te lleva de lo básico a lo avanzado: Auto Layout para pantallas que no se rompen, Design Systems para una librería consistente, y Motion más IA para prototipos que se sienten reales. Todo con foco en cómo trabaja un equipo de producto real.

A diferencia de cursos que se quedan en la teoría, acá aplicás cada técnica sobre un proyecto real y con experiencias reales de cómo se trabaja en la industria. Vas a terminar con algo armado, no solo mirado.

Al finalizar estarás capacitado para:

  • Convertirte en el referente de Figma de tu equipo: armás Design Systems completos con tokens, variables y componentes documentados.
  • Maquetar como un profesional, no como alguien que improvisa: Auto Layout para pantallas que se adaptan a cualquier contenido sin romperse.
  • Dejar de mostrar prototipos estáticos: animaciones y lógica condicional que se sienten como el producto final.
  • Sumar IA a tu flujo: Figma AI, Figma Make, Lovable y Stitch como acelerador, no como reemplazo de tu criterio.
  • Que los devs dejen de tener excusas para no entender tu diseño: documentación lista para un handoff sin fricción.
  • Ordenar tu librería de una vez: nombrás y estructurás variantes y propiedades que escalan con el equipo.

Para quién es este pack

Ya seas un profesional o recién estés comenzando, el pack está diseñado para ayudarte a ganar la confianza que estás buscando con esta herramienta.
Diseñadores de todo tipo
Si sos nuevo en Figma o quieres mejorar tus habilidades, este pack te da una base sólida en una de las herramientas más pedidas del rubro, con la práctica que necesitas para manejarte con confianza en un trabajo real.
Diseñadores Senior o equipos
Ya dominas lo básico y buscas mantenerte al día con las últimas funciones de Figma, o estandarizar cómo trabaja todo tu equipo, agencias, squads, startups, para mejorar la calidad del handoff.
Devs, PMs y Freelancers
Habla el mismo idioma que diseño y acelera tus propias UIs en Figma, entiende el proceso para colaborar mejor y sacar proyectos más rápido, o suma servicios para subir tus tarifas como freelancer.

Personas de grandes empresas aprenden con nuestros cursos

Contenido de los cursos

1. Diseño Responsive en Figma: Curso completo con Auto Layout

L01
Introducción a Auto Layout ¿Para qué sirve?
-m
L02
Actualizaciones
-m
L03
Entendiendo el modelo CSS Flexbox
-m
L04
Archivo de Figma descargable
-m
L05
Dirección
-m
L06
Grid
-m
L07
Auto Layout anidados
-m
L08
🧩 Dot Playground 01
-m
L09
Resolución
-m
L10
🧩 Dot Playground 02
-m
L11
Resolución
-m
L12
🧩 Dot Playground 03
-m
L13
Resolución
-m
L14
🧩 Ejercicio 01: Componentes
9:12
L15
Resolución Componentes
9:12
L16
Alignment
9:12
L17
Resizing (Fix, Fill Container, Hug Content)
9:12
L18
🧩 Dot Playground 04
9:12
L19
Resolución
9:12
L20
🧩 Ejercicios 02 y 03
9:12
L21
Resolución
9:12
L22
Constrains
9:12
L23
🧩 Ejercicios 04 y 05
9:12
L24
Resolución
9:12
L25
Posición absoluta
9:12
L26
Min & Max width/height
9:12
L27
🧩 Ejercicio 06: Min & Max width/height
9:12
L28
Resolución
9:12
L29
Más ajustes avanzados
9:12
L30
🧩 Ejercicio 07 y 08
9:12
L31
Resolución ejercicio 07
9:12
L32
Resolución ejercicio 08
9:12
L33
Presentación del Proyecto final
9:12
L34
🧩 Parte 1: Proyecto 100% con Auto Layout
9:12
L35
🧩 Parte 2: Proyecto 100% con Auto Layout
9:12
L36
🧩 Parte 3: Proyecto 100% con Auto Layout
9:12
L37
¡Próximos pasos!
9:12

2. Design Systems: Domina Tokens, Variables y Componentes

L01
Qué es un Design System y sus beneficios
Ver muestra gratuita
-m
L02
Desafíos al crear un Design System
-m
L03
Atomic Design: la base de un Sistema de Diseño
Ver muestra gratuita
-m
L04
Quiz: Fundamentos del Design System
-m
L05
Mejores referencias de Design Systems
-m
L06
Definir las Foundations y su relación con los Design Tokens
9:12
L07
Design Tokens, roles y su valor en un Design System
9:12
L08
Previo a implementar los Design tokens en Figma
9:12
L09
📕 Cuándo crear distintas colecciones
9:12
L10
Estilos: Crearlos y gestionarlos
9:12
L11
Variables: Collections, Numbers, String y Booleans
9:12
L12
📕 De colecciones a sistemas reales
9:12
L13
Variables vs Styles
9:12
L14
📕 Variables *Y* Styles
9:12
L15
🧩 Práctica: Aplicando las Variables
9:12
L16
🧩 Variables Avanzado: Modos y Modo Nocturno
9:12
L17
📕 Modo claro y modo oscuro
9:12
L18
Plugins Variables
9:12
L19
Organización de librerías (equipos,proyectos,files, etc.)
9:12
L20
📕 Primeros pasos: creando nuestro proyecto en Figma + 📁 Descarga de template
9:12
L21
🧩 Cómo definir y usar colores en un Sistema de Diseño
9:12
L22
🧩 Cómo nombrar y crear
Colors Semantic Tokens
9:12
L23
🧩 Documentar correctamente tu paleta de colores
9:12
L24
🧩 Creando nuestro sistema de Tipografía
9:12
L25
🧩 Creando nuestro sistema de Espaciados
9:12
L26
🧩 Efectos y Elevaciones en nuestro Sistema de Diseño
9:12
L27
🧩 Iconografía en nuestro Sistema de Diseño
9:12
L28
🧩 Grillas y Breakpoints: Diseño Responsive con Variables
9:12
L29
📕 Repaso de unidad
9:12
L30
Atomic Design
9:12
L31
Introducción a los componentes en Figma
9:12
L32
Crear Componentes
9:12
L33
Creando variantes y su correcta Nomenclatura
9:12
L34
Errores frecuentes con variantes y tips
9:12
L35
🧩 Práctica guiada: Toggle y sus variantes
9:12
L36
🧩 Ejecicio: Crear variantes de inputses
9:12
L37
🧩 Resolución: Inputs
9:12
L38
Component Properties y mejores prácticas, beneficios, etc.
9:12
L39
Text y Boolean Properties
9:12
L40
Instance Swap y Nested Instances
9:12
L41
Variantes vs Propiedades + ¡Tips!
9:12
L42
🧩 Práctica integradora de todas las Properties
9:12
L43
🧩 Resolución y problemas frecuentes
9:12
L44
🧩 Creación de componentes - Parte 01: Átomos
9:12
L45
🧩 Creación de componentes - Parte 02: Moléculas
9:12
L46
🧩 Creación de componentes - Parte 03: Secciones
9:12
L47
Cómo utilizar librerías en distintos proyectos
9:12
L48
🧩 Documentación
9:12
L49
🧩 Handoff & Dev Mode
9:12
L50
🧩 Repositorios externos: Zeroheigt. Supernova, Frontify, DSM…
9:12
L51
Como sincronizar Variables entre el Diseño y Codigo
9:12
L52
📘 Design system Checklist
9:12
L53
Next Steps
9:12

3. Curso de Motion, Prototipado e IA: Pasa de ideas a productos.

L01
Intro al curso y expectativas
-m
L02
Teoría de la animación y prototipado en interfaces
-m
L03
Cuándo aplicar animaciones en UX
-m
L04
Cuándo aplicar animaciones en UX
-m
L05
Cuándo NO aplicar animaciones
-m
L06
📖 Cuándo NO aplicar animaciones (artículo)
-m
L07
Principios del prototipado
-m
L08
📁 File de Figma
9:12
L09
Intro al prototipado en Figma
9:12
L10
Disparadores en Prototipado
9:12
L11
Acciones en Prototipado
9:12
L12
Scroll Behavior y Sticky scrolling
9:12
L13
🧩 Ejercicio integral de prototipado
9:12
L14
🧩 Resolución ejercicio prototipado
9:12
L15
Tipos de animaciones en Figma
9:12
L16
Cómo usar Smart Animate en Figma
9:12
L17
🧩 Ejercicio Smart Animate: Carrusel de imágenes
9:12
L18
🧩 Resolución ejercicio: Carrusel de imágenes
9:12
L19
🧩 Ejercicio: App scroll tab bar effect
9:12
L20
🧩 Resolución: App scroll tab bar effect
9:12
L21
Easing, duración y dirección: cómo controlar el ritmo de la animación
9:12
L22
Easing, duración y dirección: cómo controlar el ritmo de la animación
9:12
L23
🧩 Ejercicio: After Delay Animation 1
9:12
L24
🧩 Ejercicio: After Delay Animation 2
9:12
L25
🧩 Ejercicio: Splash screen custom
9:12
L26
🧩 Resolución ejercicios
9:12
L27
🧩 Ejercicio: Hover Interaction
9:12
L28
🧩 Ejercicio: Click Interaction
9:12
L29
🧩 Ejercicio: Drag Interaction
9:12
L30
🧩 Ejercicio: Drag Interaction 2
9:12
L31
🧩 Ejercicio: Apple Product Animation
9:12
L32
🧩 Resolución Ejercicios
9:12
L33
Lottie Animations
9:12
L34
🧩 Exportar animaciones custom y ejemplos
9:12
L35
Prototipado con IA en Figma
9:12
L36
Figma Make
9:12
L37
Lovable.dev
9:12
L38
Otras herramientas de IA
9:12
L39
🎁 Ebook: +20 Prompts UX/UI para dominar las IAs
9:12
L40
Lógica condicional aplicada a las animaciones
9:12
L41
🧩 Práctica y proyecto
9:12
L42
🧩 Asignación y valores
9:12
L43
🧩 ¡Más y más prácticas!
9:12

Lo que dicen sobre los cursos

Estamos súper agradecidos de haber tenido la oportunidad de enseñar a tantas personas alrededor del mundo. Con distintas experiencias y conocimientos previos.
Eduardo Vidales
Curso de Design Systems
Me siento super contento de haber terminado este excelente curso de como crear un Design System desde cero en Figma, donde aprendí variables, tokens, creación de componentes y documentación, librerías.
Muchas gracias a Brian Fierro por su paciencia de responder mis dudas y a Javier Cañas por su claridad para explicar las clases y por el gran dominio que tienen en Design Systems. en definitiva un curso muy completo. Todos los días aprendo algo nuevo.
Ruben López
Product Experience Designer
🎊 Finalicé el Curso en Design Systems en Figma de Espacio UX donde consolidé conocimientos, buenas prácticas y aprendí a perfeccionar procesos que ya venía aplicando. Gracias por la claridad Brian Fierro @Javier Cañas... Ver post completo en Linkedin
Agustín Carranza Carabajal
Diseñador UX/UI
¡Trato de estar siempre en constante aprendizaje! ¡La semana pasada, siguiendo con mi formación en UX/UI, terminé el Curso Completo de Design Systems de Espacio UX que la verdad me encantó y se los super recomiendo! ... Ver post completo en Linkedin
DD
Dominique Dallmeyer
Curso de Design Systems
Reforcé mucho el conocimiento que ya tenía creando design system en mis experiencias laborales,mucho del cual tenía aprendiendo de manera autodidacta.
Este curso me llamaba principalmente la atención por los últimos módulos, pero la verdad desde que lo comencé me ayudó a entender y utilizar de mejor forma conceptos, herramientas, atajos y plugins.
¡Fue un gran descubrimiento y vale completamente la pena!
DR
Daniel R.
UX Designer
El curso me ayudó a entender Auto Layout de forma clara y práctica. Ya lo usaba, pero no de forma consistente. Ahora puedo armar diseños mucho más flexibles y prolijos, y hacer cambios sin que todo se rompa.

Lo recomiendo si querés mejorar tu forma de trabajar en Figma y ahorrar tiempo en serio.

Gracias y muy recomendable!!
Verónica Miller
UX/UI Designer
¡Lo logré!
Me enorgullece compartir que finalicé hace un mes el curso de Figma AutoLayout, como parte de mi camino para complementar y fortalecer mis estudios en diseño.
Fue un verdadero desafío dominar esta herramienta, pero también una experiencia súper enriquecedora.
Gracias a Javier Cañas y Brian Fierro de Espacio UX, aprendí a diseñar interfaces más consistentes y escalables… algo que creía casi imposible 😅 ... Ver post completo en Linkedin

3 Cursos. 3 Proyectos finales para tu portfolio.

Además de todos los ejercicios prácticos de cada curso, te llevás un proyecto final completo por curso, no un ejercicio más: listo para mostrar en tu portfolio o en tu próxima entrevista.
Crea un sitio ecommerce 100% responsive
Construye el Design System completo de tu proyecto
Crea +35 interacciones que muestran tus habilidades
Muestra tus logros

Certificados de finalización

Da a conocer x3 tu interés por ser un profesional más independiente al mismo tiempo que revalorizas tu perfil.

📌 Preguntas Frecuentes

¿Tengo que hacerlos en orden sí o sí?
No, podés hacerlos en el orden y ritmo que prefieras. Pero están pensados para complementarse y ayudarte a dominar Figma de forma integral: Auto Layout (estructura), Design Systems (sistema) y Motion + IA (comportamiento).
¿Qué nivel necesito para hacer este bundle?
Es ideal si ya usaste Figma alguna vez, aunque sea poco. Los cursos arrancan desde lo esencial en cada tema, pero avanzan rápidamente con ejercicios prácticos. Si ya usás Figma a diario, también vas a profundizar muchísimo.
¿Puedo acceder al bundle si ya compré uno de los cursos?
Sí, escribinos y te damos un cupón de descuento proporcional para que no pagues dos veces el mismo contenido.
¿Qué pasa si tengo dudas durante el curso?
Podés escribirnos dentro de cada lección, o bien participar en la comunidad privada donde damos soporte, compartimos feedback y seguimos aprendiendo entre todos.
¿Los cursos se actualizan? ¿Tengo acceso a las actualizaciones?
Sí. Cada curso se actualiza periódicamente según las nuevas funciones de Figma o mejoras en el contenido. Con tu compra accedés automáticamente a todas las futuras actualizaciones.

Conoce a tus instructores

Javier Cañas, Product Designer 👋
‍Se desempeña como Product Designer y CPO, trabajó con mútiples startups en todo el mundo para crear productos digitales que se ajusten a las necesidades y objetivos comerciales.
Brian Fierro, Product Designer 👋
Trabajó en productos digitales para marcas globales como HP, Meta, Google, entre otras. Liderando diseño UX/UI end-to-end en plataformas con millones de usuarios y foco en conversión, escalabilidad y negocio.
Compra sin riesgo y con reembolso garantizado
Inscríbete con tranquilidad. Tu compra incluye una política de reembolso clara:
- Reembolso del 100 % si no se ha completado más del 20 % del curso.
- Proceso simple: solo necesitas contactarnos, sin preguntas ni letra pequeña.


Según experiencias previas, el 99,4 % de los estudiantes quedó satisfecho con nuestros cursos
¿Todavía tienes dudas?
Contáctanos a hola@espacioux.com

Comienza a aprender hoy

Pagas 2 y te llevas 3
US$109
Sin Pack
$137.00
Ahorras
$28
Comprar Pack
Pago único o hasta 3 cuotas sin interés
El curso incluye:
1. Curso de Figma Auto Layout
2. Curso de Design Systems
3. Curso de Motion, Prototipado e IA
Clases en video a tu ritmo
Todos los recursos descargables y guías
Proyectos Finales para tu portfolio
Certificado de finalización
Acceso exclusivo a la comunidad
Actualizaciones de por vida
Última actualización: mayo 2026
¡Garantía de reembolso de 30 días!
Te devolvemos el 100% si completaste menos del 20% del curso y no estás conforme.
👥 ¿Tienes un equipo? Contáctanos a hola@espacioux.com.

¿Tu empresa puede pagar tu formación?

Muchas empresas cubren la capacitación de sus equipos. Te damos todo lo que necesitás para pedirlo, y la factura para que sea fácil aprobarlo.

Descarga el brochure

Un documento pensado para que se lo pases a tu manager o a Recursos Humanos. Explica qué es el curso, qué se lleva tu equipo y por qué le conviene a la empresa. Listo para reenviar.
Descargar brochure PDF

Pide tu factura

Emitimos factura válida para que tu empresa reembolse el curso, en Latm y en el exterior. Escríbenos un email con los datos a los que va dirigida y la gestionamos.
Escribir a hola@espacioux.com

Curso para uno

$109
Sin pack:
$137.00
Comprar pack
Incluye:
1. Curso de Figma Auto Layout
2. Curso de Design Systems
3. Curso de Motion, Prototipado e IA

Curso online para equipos

$85
10%
80$
2
Contáctanos a: hola@espacioux.com
← Los tres cursos, más:
Descuento de equipo (ahorra hasta 10-20%)
Trackeo del progreso del equipo
Desarrolla cultura y habilidades compartidas

Capacitación de empresas

¿Buscas una capacitación en vivo para tu empresa?
Realizamos capacitaciones en vivo y a medida según las necesidades de tu equipo. Contáctanos a hola@espacioux.com para conocer más.
Últimas empresas a las que capacitamos a sus equipos de diseño: