Diseño UI: diseño visual y diseño de interfaz con Figma 2026
Curso de UI/UX y Diseño Visual. Aprendé a diseñar páginas web y aplicaciones móviles funcionales y estéticas con Figma
Lo que serás capaz de hacer
¿Querés aprender a diseñar páginas web y aplicaciones móviles que no solo funcionen bien, sino que también se vean profesionales y atractivas? Este curso es para vos. Aprendé a dominar el diseño de interfaz con Figma y convertite en Diseñador UI. Este curso fue pensado para llevarte paso a paso por los principios fundamentales del diseño visual aplicado a productos digitales. Desde la teoría clásica del diseño hasta la implementación moderna en herramientas como Figma, vas a adquirir los conocimientos necesarios para construir interfaces limpias, estéticas y funcionales. A lo largo del curso vas a trabajar en un proyecto práctico que aplicarás clase a clase, acompañado por ejercicios, recursos descargables y material actualizado. Además, vas a incorporar herramientas clave como Atomic Design, sistemas de diseño, grillas, tipografía, color, accesibilidad y más. No necesitás experiencia previa ni estudios formales. El curso está diseñado para que cualquier persona con ganas de aprender pueda comenzar desde cero y avanzar hasta un nivel profesional. Ya sea que vengas del diseño gráfico, la comunicación, el desarrollo web o cualquier otra área, este curso te va a permitir dominar los aspectos visuales del diseño digital y sumar una habilidad clave para destacarte en el mundo tech. El curso también es ideal para desarrolladores frontend que quieran mejorar la calidad de sus interfaces, diseñadores que quieran actualizar sus habilidades en UI y cualquier persona que quiera empezar una carrera como Diseñador UI. ¿Qué vas a aprender? A construir diseños funcionales y estéticos para web y mobile Principios fundamentales del diseño visual: unidad, jerarquía, contraste, balance y más Uso profesional de Figma: diseño, prototipado y creación de sistemas de diseño Diseño responsivo y adaptable a diferentes dispositivos Creación y aplicación de paletas de color Tipografía, grillas, columnas y atomic design Cómo pensar y crear UI Kits Usabilidad, accesibilidad y patrones de interacción Inspiración visual y creatividad aplicada al diseño Cómo convertirte en Diseñador UI y destacarte en el mercado digital ¿Qué incluye? Más de 16 horas de contenido en video Proyecto práctico aplicado Acceso de por vida Certificado verificable al finalizar Acceso desde cualquier dispositivo Garantía de reembolso de 30 días Este curso es una puerta de entrada al diseño de interfaces. Ya sea que estés empezando desde cero o quieras profesionalizar tus conocimientos, vas a terminar el curso con un entendimiento sólido del diseño UI y un proyecto listo para incluir en tu portafolio. No es solo una habilidad más: el diseño de interfaz es una de las áreas más buscadas y mejor pagadas dentro del mundo del diseño y la tecnología. Sumate hoy mismo y comenzá a diseñar productos digitales que funcionen y se vean increíbles. Tu carrera en diseño UI empieza acá. Espera... ¿Eres desarrollador? En lugar de este curso, te recomendamos visitar nuestro sitio web de espacio UX y conocer el curso especializado de UX/UI para desarrolladores , diseñado exclusivamente para quienes vienen del mundo del código. Este curso, en cambio, está orientado a quienes desean convertirse en diseñadores UI y dominar el diseño visual desde cero.
- A construir diseños funcionales y hermosos para web o aplicaciones móviles
- Diseño responsivo para web y mobile
- Principios del diseño
- Principios como Unidad, Gestalt, Jerarquía, Balance, Contraste, Escala, Dominancia y más
- Utilización de los colores, crear paletas y herramientas
- Uitlizar Figma y crear prototipos
Temario
UNIDAD 1 - Introducción · 19 leccionesUNIDAD 1 - Introducción
UNIDAD 1 - Introducción
- Presentación al temario
- Introducción al Diseño UI
- Diseño UI
- Rol del Diseñador UI
- UX y UI
- Diseño UX vs. UI: Similitudes y diferencias
- ¿Qué es el buen diseño?
- Únete a la comunidad de estudiantes
- Elementos del diseño visual
- Principios del diseño
- Usabilidad
- Usabilidad en UX: cómo hacer que los usuarios se enamoren de tu producto
- Accesibilidad
- Accesibilidad web: cómo hacer que tu sitio sea amigable para todas las personas
- 3P
- Introducción al Diseño UI
- Intro a la siguiente Unidad
- Libros de UX/UI
- ? Caso de Estudio: Crear una Startup (Canter)
UNIDAD 2 - Curso intro de Figma · 22 leccionesUNIDAD 2 - Curso intro de Figma
UNIDAD 2 - Curso intro de Figma
- Curso introductorio a Figma
- Crear cuenta, proyecto y file
- Archivo de Figma
- Primeros pasos en Figma
- Herramientas y paneles principales
- Manejo de Tipografías
- Efectos (Blur, Drop shadow, etc)
- Comunidad de Figma
- Grillas y columnas
- Styles en Figma
- Variables en Figma: Qué son y cómo utilizarlas
- Design Tokens y su relación con las Variables
- Introducción a Auto Layout
- Auto Layout de Figma: Diseños más flexibles y adaptables
- Auto Layout - Nivel intermedio ?
- Auto Layout - Leyenda de Figma ?
- Creación de Componentes y Properties
- Variantes de Componentes
- Intro a Prototipado y Animaciones en Figma
- Listado de plugins
- FigJam
- Figma Dev Mode
UNIDAD 3 - Principios del Diseño Visual · 14 leccionesUNIDAD 3 - Principios del Diseño Visual
UNIDAD 3 - Principios del Diseño Visual
- Unidad
- Gestalt
- Archivo de Figma
- Actividad Figma - Review
- Ejemplo resuelto - Review
- Jerarquía
- Actividad Figma - Banner
- Ejemplo resuelto - Banner
- Balance
- Contraste
- Escala
- Actividad Figma - Planes de suscripción
- Ejemplo resuelto - Planes de suscripción
- Principios del Diseño
UNIDAD 4 - Challenge UX/UI - Etapa 1 · 6 leccionesUNIDAD 4 - Challenge UX/UI - Etapa 1
UNIDAD 4 - Challenge UX/UI - Etapa 1
- Recurso gratuito: Ruta de Aprendizaje para ser Diseñador UX/UI
- Introducción al Challenge
- FigJam
- Proceso de trabajo
- Análisis de las competencias
- User Flow a realizar
UNIDAD 5 - Tipografía · 6 leccionesUNIDAD 5 - Tipografía
UNIDAD 5 - Tipografía
- Serif
- Sans Serif
- Recomendaciones y Accesibilidad
- Actividad en Figma - Tipografía
- Ejemplo resuelto - Tipografía
- Tipografía
UNIDAD 6 - Iconografía · 4 leccionesUNIDAD 6 - Iconografía
UNIDAD 6 - Iconografía
- Iconos
- Librerias de iconos
- Actividad en Figma - iconos
- Ejemplo resuelto - Iconos
UNIDAD 7 - Patrones & Responsive · 8 leccionesUNIDAD 7 - Patrones & Responsive
UNIDAD 7 - Patrones & Responsive
- Responsive Design
- Patrones de diseño
- 7 principios UX para diseñar apps móviles intuitivas
- Grillas
- Mejores prácticas - Sistemas de grillas
- DP, DPI y PX
- Actividad en Figma - Responsive
- Ejemplo resuelto - Responsive
UNIDAD 8 - Challenge UX/UI - Etapa 2 · 4 leccionesUNIDAD 8 - Challenge UX/UI - Etapa 2
UNIDAD 8 - Challenge UX/UI - Etapa 2
- Mejorar en el diseño
- Estructura en Fidelidad Baja
- Lápiz y Papel
- Primeros Wireframes
UNIDAD 9 - Color · 14 leccionesUNIDAD 9 - Color
UNIDAD 9 - Color
- Introducción al color
- Psicología del color
- Círculo cromático
- Cómo usar una paleta de colores
- Cómo crear paletas de colores para un UI fabuloso
- Regla 60/30/10
- Degrades
- Páginas y Herramientas
- Actividad en Figma - color
- Recomendaciones de libros
- Actividad - Fidelidades
- Ejemplo resuelto - Fidelidades
- Colores
- ¡Novedades!
UNIDAD 10 - Design System · 6 leccionesUNIDAD 10 - Design System
UNIDAD 10 - Design System
- Design System
- Pasos para crear un Design System
- Atomic Design
- Atomic Design: definición y ventajas en el diseño de productos digitales
- Recursos: Sistemas de diseño
- Documentar en Notion
UNIDAD 11 - Challenge UX/UI - Etapa 3 · 6 leccionesUNIDAD 11 - Challenge UX/UI - Etapa 3
UNIDAD 11 - Challenge UX/UI - Etapa 3
- Inspiración
- UI Kit
- UI Kit ejemplo
- Fidelidad Alta
- ¿Y ahora?
- ¡Tu opinión importa!
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
11 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
4 cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Espacio UX - Javier Cañas.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 11 unidades · 109 lecciones · 55 h
- 12 meses de acceso
- 4 cuestionarios de evaluación
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Espacio UX - Javier Cañas; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.


