¡50% Dto. Por tiempo limitado!
Designerpack
Designerpack
+2235 Estudiantes activos
Con este paquete no solo dominarás Figma, sino que aprenderás a documentar y comunicar tus proyectos con el criterio profesional que los equipos de producto realmente usan.
20 Horas 59 minutos
118 Clases
.webp)
¿Qué aprenderás en este curso?
5 Cursos que te darán las bases sólidas para diseños profesionales
1. Curso de UX/UI Design
2. Curso de Auto Layout
3. Curso de Prototipado y Animación
4. Curso de Sistemas de Diseño
5. Curso de UI Design
Proceso completo de diseño
Aprenderás el paso a paso para la creación y diseño de un producto digital completo — desde la investigación hasta el handoff.
Estructura profesional
Estructurarás componentes con Atomic Design, nomenclatura BEM y tokens conectados — para crear sistemas que escalan.
Diseños programables
Lograrás entender cómo diseñar pensando no solo en el usuario final si no también en las personas que programaran tus diseños.
Criterio profesional real
Al finalizar tendrás el criterio que las empresas evalúan en entrevistas reales — no solo pantallas bonitas, sino decisiones documentadas y archivos que development puede construir sin problemas.
Proyecto del curso
Este paquete de cursos incluye todos los proyectos de los cursos: Curso de UX/UI Design, Curso de Auto Layout, Curso de Prototipado y Animación en Figma, Curso de sistemas de diseño y el Nuevo Curso de UI Design. Así que contaras con más de 118 clases y más de 20 proyectos y ejercicios a realizar.
Cada proyecto está pensado para que lo puedas adaptar fácilmente a tu propio estilo e integrarlo directamente a tu portafolio profesional sin problemas. Terminarás el DesignerPack con la evidencia exacta que los reclutadores buscan para contratarte.
¿Por qué debería tomar este curso?
La industria ya no paga por saber usar herramientas; paga por el criterio para tomar decisiones. Tomar este paquete es la diferencia entre entregar pantallas que los desarrolladores rechazan, y liderar el proceso técnico de un producto digital. Te equiparás con las habilidades exactas (Naming semántico, Atomic Design, BEM, Responsive Design, Design Tokens, Handoff) que las empresas tecnológicas exigen hoy para perfiles Mid y Senior.
- Curso de UX/UI Design: Aprende el flujo de trabajo real que usan los equipos de producto — desde research hasta entregables listos para development.
- Curso de Auto Layout: Estructurarás componentes con la lógica que development necesita — dominarás el Responsive Design para adaptar tus diseños automáticamente en diferentes pantallas, con tokens conectados e implementables sin reuniones de explicación.
- Prototipado y Animación: Crea prototipos que comunican el comportamiento y experiencia del producto con claridad para que development entienda exactamente qué construir.
- Sistemas de Diseño: Aprende a construir sistemas de diseño con tokens, variables y nomenclatura BEM — los estándares reales que usan los equipos de producto para trabajar con development sin fricción.
- Curso de UI Design: Diseña interfaces con fundamentos reales — jerarquía visual, estructura de componentes y criterio de UI que development puede implementar directamente.
Dominar estas habilidades no solo te hará un profesional del diseño más versátil, sino que también te proporcionará una ventaja competitiva real en el mercado laboral.
Y lo mejor de todo, ¡puedes adquirir este paquete ahora con un 50% de descuento! Aprovecha esta oportunidad única y conviértete en un diseñador con criterio profesional real.
¿Para quién es este curso?
Para diseñadores que quieren aprender UX/UI con un flujo de trabajo profesional real — ya sea que estés empezando desde cero o que ya tengas base en Figma y quieras subir de nivel.
Si estás empezando: Aprenderás desde los fundamentos de UX/UI hasta cómo estructurar, documentar y comunicar tus proyectos con el criterio que las empresas buscan desde el primer día.
Si ya sabes Figma: Aprenderás lo que ningún tutorial te enseñó — Atomic Design, nomenclatura BEM, tokens conectados y handoffs que development puede implementar sin preguntarte nada. Es la diferencia entre diseñar pantallas y diseñar con criterio profesional.
Testimonios de estudiantes
.jpg){kind=avatar}
.webp)
.webp)
.jpg)
.webp)
.webp)
%202.24.03%E2%80%AFp.m..webp)
.webp)
Temario del curso
Curso de UX/UI Design
Módulo 1
1 - Introducción
2 - La importancia de las aplicaciones
3 - Tipo de aplicaciones
4 - Proceso de diseño y desarrollo
Módulo 2
5 - Ser diferente al resto
6 - Nada es original, todo es inspirado por algo
Módulo 3
7 - Investigación del usuario
8 - Problema a resolver
9 - User Persona
10 - User Journey
Módulo 4
11 - Definición de funcionalidades
12 - Búsqueda de inspiración
13 - Analizando nuestras referencias
Módulo 5
14 - Creación de Wireframes
15 - Creación de Mockups
Módulo 6
16 - Cierre del curso
17 - Testimonios
Curso de Auto Layout
Módulo 1
1 - Bienvenida
2 - ¿De dónde nace el Auto Layout?
Módulo 2
3 - Dirección
4 - Espaciado, alineación y padding
5 - Fix, Fill container y Hug contentent
6 - Creación de componentes responsive
Módulo 3
7 - Configuraciones avanzadas del Auto Layout
8 - Tamaños máximos y mínimos
Módulo 4
9 - Creando un proyecto 100% con Auto Layout, Parte - 1
10 - Creando un proyecto 100% con Auto Layout, Parte - 2
11 - Creando un proyecto 100% con Auto Layout, Parte - 3
12 - Variables en Figma - Crea componentes Responsive con Variables y Auto Layout
Módulo 5
13 - Conclusiones y despedida
14 - Testimonios
Curso de prototipado y animación en Figma
Módulo 1
1 - ¿Qué estaremos aprendiendo en el curso?
2 - ¿Por qué incluir animaciones en prototipos?
3 - Requerimientos para crear animaciones en Figma
Módulo 2
4 - Conceptos básicos de prototipos y animación en Figma
5 - Creación de interacciones
6 - Smart animate
7 - Propiedades del Smart animate
Módulo 3
8 - Componentes interactivos Parte 1
9 - Componentes interactivos Parte 2
10 - Carousel animado en Figma
11 - Añadir video en prototipo Figma
12 - Cómo animar texto en Figma
13 - Cards animados en Figma
14 - Play animación de sonido en Figma
15 - Hover animado en cards de apple music
16 - Animación avanzadas en páginas Webs
17 - Variables en prototipos avanzados
Módulo 4
18 - Cierre del curso y siguientes pasos
Curso de sistemas de diseño
Módulo 1
1 - ¿Qué es un sistema de diseño?
2 - ¿Cuándo necesitas un sistema de diseño?
3 - Beneficios de un sistema de diseño
4 - Retos para construir un sistema de diseño
5 - Cómo convencer a tu jefe y equipo de crear un sistema de diseño
Módulo 2
6 - Principles de un sistema de diseño
7 - Foundations de un sistema de diseño
8 - Variables en Figma
9 - Design Tokens
10 - Creando Tokens de espaciado
Módulo 3
11 - Uso de colores en sistemas de diseño
12 - Documentación de colores en sistemas de diseño - Parte 1
13 - Documentación de colores en sistemas de diseño - Parte 2
14 - Tipografía en sistemas de diseño
15 - Escala de tipografía en sistemas de diseño
16 - Elevaciones en sistemas de diseño
17 - Plugins para elevaciones en sistemas de diseño
18 - Iconografía en sistemas de diseño
19 - Documentación de Iconografía en sistemas de diseño
20 - Creación de Grids en sistemas de diseño
Módulo 4
21 - Atomic Design
22 - Creando nuestro proyecto - Parte 1
23 - Creando componentes interactivos de nuestro proyecto - Parte 2
24 - Creando cards y tabs de nuestro proyecto - Parte 3
25 - Creando secciones de nuestro proyecto - Parte 4
26 - Creando el footer de nuestro proyecto - Parte 5
Módulo 5
27 - Creación de componentes Responsive con variables
28 - Tokens Semánticos Avanzados - Parte 1
29 - Tokens Semánticos Avanzados - Parte 2
30 - Documentación en sistemas de diseño
31 - Creación de Handoff y uso del Dev Mode en Figma
32 - Proceso de actualizaciones en sistema de diseño
33 - Dark mode en sistemas de diseño
34 - Despedida y siguientes pasos
Curso de UI Design
Módulo 1
1 - ¿Qué es diseño de interfaces, UI Design?
2 - ¿Qué se considera un buen diseño?
3 - Cómo inspirarte para un buen diseño UI
4 - Fundamentos del diseño visual
Módulo 2
5 - Mantén el lenguaje simple
6 - Limita las opciones
7 - Usa lo que ya funciona
8 - Cada usuario es distinto
9 - Destaca los momentos clave
10 - Destaca lo importante
11 - Reduce la carga cognitiva
12 - Hazlo fácil
Módulo 3
13 - La estructura ideal de un texto en UI Design, Parte - 1
14 - La estructura ideal de un texto en UI Design, Parte - 2
15 - Jerarquía en textos - Parte 1
16 - Jerarquía en textos - Parte 2
17 - Anatomía de tipografías en UI Design
18 - Clasificación de tipografías en UI Design
Módulo 4
19 - Alineación en UI Design
20 - Contraste en UI Design
21 - Todo sobre Figma UI3
Módulo 5
22 - White space en UI Design
23 - Cómo elegir colores para tus diseños
24 - Recursos para crear paletas de colores
Módulo 6
25 - Variables en UI Design
26 - Buttons en UI Design - Parte 1
27 - Buttons en UI Design - Parte 2
28 - Inputs en UI Design - Parte 1
29 - Inputs en UI Design - Parte 2
Módulo 7
30 - Proyecto - Parte 1
31 - Proyecto - Parte 2
32 - Proyecto - Parte 3
33 - Proyecto - Parte 4
34 - Proyecto - Parte 5
35 - Proyecto - Parte 6
¿Además del curso que otro tipo de ayuda recibiré?
Respuestas a tus dudas
En cada clase podrás dejar todas tus dudas y personalmente te ayudaré a resolverlas.
Actualizaciones gratis
Cuando algo importante cambie, recibirás actualizaciones y clases nuevas sin costo.
Recursos descargables
Tendrás acceso a material exclusivo y archivos de Figma, que te ayudarán a hacer tu trabajo más fácil y rápido.
Certificado del curso
Al terminar el curso podrás solicitar tu certificado para comprobar que has completado el 100% del contenido
.png)
Paquetes de cursos
Aprende más gastando menos, elige el paquete que mejor se ajuste a tus objetivos.
DesignerPack
(Los cursos ya están definidos y no se pueden cambiar).
MegaPack
Cursos relacionados
Los estudiantes también se están preparando con estos cursos.
.jpg)
.webp)
Preguntas frecuentes
Respuestas rápidas a lo que necesitas saber antes de comenzar.
Depende del curso. Cada uno está diseñado para un nivel específico — algunos requieren conocimientos previos de diseño o Figma, otros son más accesibles si estás comenzando. Para saber exactamente en qué punto estás y qué curso es el indicado para ti, visita la Ruta de Aprendizaje — ahí encontrarás los cursos ordenados por nivel para que avances sin saltarte pasos importantes.
Los cursos reciben actualizaciones constantemente, siempre y cuando cambie algo muy importante. Un cambio en la interfaz no es importante ya que la funcionalidad es la misma solo luce ligeramente diferente.
Los cursos están pre grabado para permitirte repasar cuantas veces necesites y entender todo el conocimiento que comparto en cada lección.
Tendrás acceso de por vida si realizaste una compra de curso individual o DesignerPack, si te suscribiste al MegaPack tu acceso es a todos los cursos durante 1 año.
En cada clase podrás dejar tus preguntas y yo mismo las responderé. También tendrás acceso a recursos, herramientas y archivos de Figma que te ayudarán a mejorar tu flujo de trabajo y aprendizaje.
Al adquirir el DesignePack o MegaPack encontrarás un formulario para registrarte y poder obtener este beneficio.
¿Necesitas ayuda? 😃