• No hay productos en el carrito.

Inicio / Cursos / Diseño UI: diseño visual y diseño de interfaz con Figma 2026
Impartido por Espacio UX - Javier CañasPago único de $2,800 MXN · acceso por 12 meses

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

Certificado oficial emitido por la SEPA través del Gobierno del Estado de México
12 meses de acceso En línea · 55 h 11 unidades
Qué aprenderás

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 lecciones

UNIDAD 1 - Introducción

  • Presentación al temarioVideo · 7 min
  • Introducción al Diseño UILectura · 0 min
  • Diseño UIVideo · 17 min
  • Rol del Diseñador UIVideo · 15 min
  • UX y UIVideo · 21 min
  • Diseño UX vs. UI: Similitudes y diferenciasLectura · 0 min
  • ¿Qué es el buen diseño?Video · 19 min
  • Únete a la comunidad de estudiantesLectura · 0 min
  • Elementos del diseño visualVideo · 24 min
  • Principios del diseñoVideo · 3 min
  • UsabilidadVideo · 22 min
  • Usabilidad en UX: cómo hacer que los usuarios se enamoren de tu productoLectura · 0 min
  • AccesibilidadVideo · 15 min
  • Accesibilidad web: cómo hacer que tu sitio sea amigable para todas las personasLectura · 0 min
  • 3PVideo · 9 min
  • Introducción al Diseño UICuestionario · 0 min
  • Intro a la siguiente UnidadVideo · 3 min
  • Libros de UX/UILectura · 0 min
  • ? Caso de Estudio: Crear una Startup (Canter)Lectura · 0 min
UNIDAD 2 - Curso intro de Figma · 22 lecciones

UNIDAD 2 - Curso intro de Figma

  • Curso introductorio a FigmaLectura · 0 min
  • Crear cuenta, proyecto y fileVideo · 10 min
  • Archivo de FigmaLectura · 0 min
  • Primeros pasos en FigmaVideo · 8 min
  • Herramientas y paneles principalesVideo · 16 min
  • Manejo de TipografíasVideo · 7 min
  • Efectos (Blur, Drop shadow, etc)Video · 11 min
  • Comunidad de FigmaVideo · 5 min
  • Grillas y columnasVideo · 11 min
  • Styles en FigmaVideo · 13 min
  • Variables en Figma: Qué son y cómo utilizarlasLectura · 0 min
  • Design Tokens y su relación con las VariablesLectura · 0 min
  • Introducción a Auto LayoutVideo · 20 min
  • Auto Layout de Figma: Diseños más flexibles y adaptablesLectura · 0 min
  • Auto Layout - Nivel intermedio ?Video · 19 min
  • Auto Layout - Leyenda de Figma ?Video · 18 min
  • Creación de Componentes y PropertiesVideo · 19 min
  • Variantes de ComponentesVideo · 17 min
  • Intro a Prototipado y Animaciones en FigmaVideo · 19 min
  • Listado de pluginsLectura · 0 min
  • FigJamVideo · 9 min
  • Figma Dev ModeLectura · 0 min
UNIDAD 3 - Principios del Diseño Visual · 14 lecciones

UNIDAD 3 - Principios del Diseño Visual

  • UnidadVideo · 11 min
  • GestaltVideo · 35 min
  • Archivo de FigmaLectura · 0 min
  • Actividad Figma - ReviewVideo · 3 min
  • Ejemplo resuelto - ReviewVideo · 12 min
  • JerarquíaVideo · 14 min
  • Actividad Figma - BannerVideo · 3 min
  • Ejemplo resuelto - BannerVideo · 15 min
  • BalanceVideo · 9 min
  • ContrasteVideo · 9 min
  • EscalaVideo · 8 min
  • Actividad Figma - Planes de suscripciónVideo · 2 min
  • Ejemplo resuelto - Planes de suscripciónVideo · 23 min
  • Principios del DiseñoCuestionario · 0 min
UNIDAD 4 - Challenge UX/UI - Etapa 1 · 6 lecciones

UNIDAD 4 - Challenge UX/UI - Etapa 1

  • Recurso gratuito: Ruta de Aprendizaje para ser Diseñador UX/UILectura · 0 min
  • Introducción al ChallengeVideo · 15 min
  • FigJamVideo · 5 min
  • Proceso de trabajoVideo · 12 min
  • Análisis de las competenciasVideo · 18 min
  • User Flow a realizarVideo · 21 min
UNIDAD 5 - Tipografía · 6 lecciones

UNIDAD 5 - Tipografía

  • SerifVideo · 6 min
  • Sans SerifVideo · 4 min
  • Recomendaciones y AccesibilidadVideo · 15 min
  • Actividad en Figma - TipografíaVideo · 2 min
  • Ejemplo resuelto - TipografíaVideo · 13 min
  • TipografíaCuestionario · 0 min
UNIDAD 6 - Iconografía · 4 lecciones

UNIDAD 6 - Iconografía

  • IconosVideo · 24 min
  • Librerias de iconosLectura · 0 min
  • Actividad en Figma - iconosVideo · 5 min
  • Ejemplo resuelto - IconosVideo · 4 min
UNIDAD 7 - Patrones & Responsive · 8 lecciones

UNIDAD 7 - Patrones & Responsive

  • Responsive DesignVideo · 21 min
  • Patrones de diseñoVideo · 13 min
  • 7 principios UX para diseñar apps móviles intuitivasLectura · 0 min
  • GrillasVideo · 17 min
  • Mejores prácticas - Sistemas de grillasVideo · 12 min
  • DP, DPI y PXLectura · 0 min
  • Actividad en Figma - ResponsiveVideo · 4 min
  • Ejemplo resuelto - ResponsiveVideo · 28 min
UNIDAD 8 - Challenge UX/UI - Etapa 2 · 4 lecciones

UNIDAD 8 - Challenge UX/UI - Etapa 2

  • Mejorar en el diseñoVideo · 12 min
  • Estructura en Fidelidad BajaVideo · 11 min
  • Lápiz y PapelVideo · 10 min
  • Primeros WireframesVideo · 27 min
UNIDAD 9 - Color · 14 lecciones

UNIDAD 9 - Color

  • Introducción al colorLectura · 0 min
  • Psicología del colorVideo · 20 min
  • Círculo cromáticoVideo · 6 min
  • Cómo usar una paleta de coloresVideo · 16 min
  • Cómo crear paletas de colores para un UI fabulosoLectura · 0 min
  • Regla 60/30/10Video · 7 min
  • DegradesVideo · 15 min
  • Páginas y HerramientasLectura · 0 min
  • Actividad en Figma - colorVideo · 9 min
  • Recomendaciones de librosLectura · 0 min
  • Actividad - FidelidadesVideo · 2 min
  • Ejemplo resuelto - FidelidadesVideo · 4 min
  • ColoresCuestionario · 0 min
  • ¡Novedades!Lectura · 0 min
UNIDAD 10 - Design System · 6 lecciones

UNIDAD 10 - Design System

  • Design SystemVideo · 25 min
  • Pasos para crear un Design SystemVideo · 16 min
  • Atomic DesignVideo · 12 min
  • Atomic Design: definición y ventajas en el diseño de productos digitalesLectura · 0 min
  • Recursos: Sistemas de diseñoLectura · 0 min
  • Documentar en NotionLectura · 0 min
UNIDAD 11 - Challenge UX/UI - Etapa 3 · 6 lecciones

UNIDAD 11 - Challenge UX/UI - Etapa 3

  • InspiraciónVideo · 11 min
  • UI KitVideo · 17 min
  • UI Kit ejemploVideo · 10 min
  • Fidelidad AltaVideo · 20 min
  • ¿Y ahora?Lectura · 0 min
  • ¡Tu opinión importa!Lectura · 0 min
Certificado oficial

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
Cómo funciona

Tu itinerario, de la inscripción al certificado

  1. 1

    Inscripción con pago único

    Pagas $2,800 MXN una sola vez y entras de inmediato al curso.

  2. 2

    Estudias a tu ritmo

    11 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.

  3. 3

    Cuestionarios por unidad

    4 cuestionarios para comprobar lo aprendido.

  4. 4

    Certificado

    Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

Lo que obtienes

Un certificado oficial de la SEP

Muestra del certificado: Diseño UI: diseño visual y diseño de interfaz con Figma 2026

Muestra · verificable por folio y QR

  • 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.
Medios que necesitas
Equipo de cómputo Conexión estable a internet
Pago único

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
Pago único
$2,800MXN
Acceso por 12 meses
Inscribirme Hablar con un asesor
Preguntas frecuentes

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.

Certificado emitido por la SEP a través del Gobierno del Estado de México · Diseño UI: diseño visual y diseño de interfaz con Figma 2026

Inscribirme
  INEC es una Marca de SalesPartners Ciudad de México S de RL de CV. Template Design © Learnify LMS. All rights reserved. Terminos y Condiciones Aviso de Privacidad Politica de Devolución
Hide picture