Certificado Profesional · Impartido por SkillsharePago único de $4,990 MXN · acceso por 12 meses

Principiantes: Figma UI / UX Diseño Esencial

Diseñe interfaces fáciles de usar con Figma

Certificado con validez SEPA través del Gobierno del Estado de México

12 meses de acceso En línea · 144 h 100% autodidacta 22 unidades Nivel principiante

Inscribirme — $4,990 MXN Explorar programa

Modalidad

Así estudias: curso autodidacta

Autodidacta y 100% en línea: contenido disponible 24/7.
Avanzas a tu ritmo: la plataforma guarda tu progreso.
Sin tutor ni clases en vivo: el curso está diseñado para estudiarse por tu cuenta.
Te evalúas con actividades automáticas, sin entregas a un tutor.

Qué aprenderás

Lo que serás capaz de hacer

Esta especialización, impartida por Daniel Walter Scott, está dirigida a principiantes y aspirantes a diseñadores que buscan desarrollar habilidades básicas de UI/UX utilizando Figma. A través de tres cursos prácticos, cubrirá wireframing, diseño de maquetación, componentes reutilizables, creación de prototipos, y el desarrollador handoff-construcción de habilidades en todo el flujo de trabajo de diseño. Estos cursos le prepararán para crear con confianza interfaces digitales centradas en el usuario y colaborar eficazmente en proyectos de diseño del mundo real.

Cree wireframes, personajes de usuario y resúmenes de diseño para poner en marcha proyectos de UX eficaces.
Utilice Auto Layout, Constraints y Variants para diseñar componentes de IU adaptables y escalables.
Cree prototipos interactivos y entregue los diseños a los desarrolladores utilizando las herramientas de colaboración de Figma.

Habilidades que desarrollarás

Diseño de maquetación Diseño interactivo Estrategia de UI/UX Experiencia de usuario Persona (experiencia de usuario) Flujos de usuario Diseño gráfico y visual Diseño digital

Temario

UNIDAD 1 - Introducción a Figma y descripción general del curso · 9 lecciones

Figma UI UX Design Essentials Pt.1: Herramientas y Fundamentos - UNIDAD 1 - Introducción a Figma y descripción general del curso

Curso de introducción a Figma EssentialsVideo · 3 min
Instrucciones para el proyecto de especializaciónLectura · 10 min
Introducción a la formación en FigmaVideo · 3 min
¿Para qué sirve Figma y sirve para codificar?Video · 4 min
¿Cuál es la diferencia entre IU y UX en Figma?Video · 5 min
Lo que hacemos en este curso de FigmaVideo · 9 min
Proyecto de clase 01- Crea tu propio briefingVideo · 4 min
Cuestionario del módulo 1Cuestionario · 30 min
Coursera CoachActividad · 15 min

UNIDAD 2 - Wireframing y herramientas básicas de diseño · 5 lecciones

Figma UI UX Design Essentials Pt.1: Herramientas y Fundamentos - UNIDAD 2 - Wireframing y herramientas básicas de diseño

¿Qué es Lo Fi Wireframe y High Fidelity en Figma?Video · 3 min
Creación de nuestro archivo de diseño e introducción de marcos en FigmaVideo · 8 min
Conceptos básicos sobre tipos y fuentes en FigmaVideo · 11 min
Rectángulos, círculos, botones y esquinas redondeadas en FigmaVideo · 7 min
AsignaciónCuestionario · 30 min

UNIDAD 3 - Colores, trazos y objetos básicos · 6 lecciones

Figma UI UX Design Essentials Pt.1: Herramientas y Fundamentos - UNIDAD 3 - Colores, trazos y objetos básicos

Cómo utilizar el color en FigmaVideo · 6 min
Trazos y actualización de los colores por defecto en FigmaVideo · 9 min
Edición de objetos y cómo escapar en FigmaVideo · 2 min
Escala vs Herramienta de selección en FigmaVideo · 3 min
Marcos vs Grupos en FigmaVideo · 9 min
AsignaciónCuestionario · 30 min

UNIDAD 4 - Práctica de wireframes y diseño de iconos · 6 lecciones

Figma UI UX Design Essentials Pt.1: Herramientas y Fundamentos - UNIDAD 4 - Práctica de wireframes y diseño de iconos

Proyecto de clase 02- WireframeVideo · 2 min
WHERE para conseguir iconos gratis para FigmaVideo · 10 min
Igualar el trazo de nuestros iconosVideo · 5 min
Cómo utilizar plugins en Figma para iconosVideo · 5 min
Proyecto de clase 03 - IconosVideo · 4 min
AsignaciónCuestionario · 30 min

UNIDAD 5 - Conceptos básicos de creación de prototipos · 6 lecciones

Figma UI UX Design Essentials Pt.1: Herramientas y Fundamentos - UNIDAD 5 - Conceptos básicos de creación de prototipos

Cómo utilizar las páginas en FigmaVideo · 9 min
Cómo crear prototipos en FigmaVideo · 11 min
Animación de prototipos y easing en FigmaVideo · 11 min
Pruebas en el teléfono con Figma MirrorVideo · 6 min
Proyecto de clase 04 - Pruebas en el teléfonoVideo · 3 min
AsignaciónCuestionario · 30 min

UNIDAD 6 - Animación y colaboración · 5 lecciones

Figma UI UX Design Essentials Pt.1: Herramientas y Fundamentos - UNIDAD 6 - Animación y colaboración

Qué es la animación SMART y los retrasos en FigmaVideo · 9 min
Proyecto de clase 05 - Mi primera animaciónVideo · 2 min
Compartir y comentar el archivo Figma con las partes interesadasVideo · 7 min
Compartir la edición con otros diseñadores de UX en FigmaVideo · 7 min
AsignaciónCuestionario · 30 min

UNIDAD 7 - Inspiración UX y Moodboards · 4 lecciones

Figma UI UX Design Essentials Pt.1: Herramientas y Fundamentos - UNIDAD 7 - Inspiración UX y Moodboards

Cómo me inspiro para los proyectos de UXVideo · 7 min
Cómo crear un panel de inspiración en FigmaVideo · 6 min
Proyecto de clase 06 - MoodboardVideo · 1 min
AsignaciónCuestionario · 30 min

UNIDAD 8 - Diseños, columnas y técnicas de color · 8 lecciones

Figma UI UX Design Essentials Pt.1: Herramientas y Fundamentos - UNIDAD 8 - Diseños, columnas y técnicas de color

Cómo trabajar con columnas y cuadrícula en FigmaVideo · 14 min
Consejos, trucos, preferencias y rarezas en FigmaVideo · 8 min
Color Inspiration y el cuentagotas en FigmaVideo · 7 min
Cómo crear una paleta de colores en FigmaVideo · 9 min
Cómo hacer degradados en FigmaVideo · 8 min
Cómo crear y utilizar estilos de color en FigmaVideo · 8 min
Proyecto de clase - Colores y columnasVideo · 4 min
AsignaciónCuestionario · 30 min

UNIDAD 9 - Tipografía y estilo de texto · 9 lecciones

Figma UI UX Design Essentials Pt.1: Herramientas y Fundamentos - UNIDAD 9 - Tipografía y estilo de texto

Fuente en el escritorio frente a Figma en el navegadorVideo · 2 min
¿Qué tipos de letra puedo utilizar en Figma?Video · 6 min
¿Qué tamaños de letra debo elegir en el diseño web?Video · 12 min
Cómo crear estilos de personajes en FigmaVideo · 7 min
Lorem ipsum y Marcador de posición en FigmaVideo · 4 min
Cosas útiles que hay que saber sobre el texto en FigmaVideo · 10 min
Cómo arreglar las fuentes que faltan en FigmaVideo · 3 min
Proyecto de clase 08 - TextoVideo · 5 min
AsignaciónCuestionario · 30 min

UNIDAD 10 - Formas, iconos y herramientas booleanas · 6 lecciones

Figma UI UX Design Essentials Pt.1: Herramientas y Fundamentos - UNIDAD 10 - Formas, iconos y herramientas booleanas

Trucos y consejos para dibujar en FigmaVideo · 10 min
Botones circulares con cursos redondeados ios en FigmaVideo · 3 min
Boolean Union Subtract Intersect Exclude Pathfinder en FigmaVideo · 7 min
¿Cuál es la diferencia entre Unión y Aplanar Figma?Video · 4 min
Proyecto de clase 09 - Hacer cosasVideo · 3 min
AsignaciónCuestionario · 30 min

UNIDAD 11 - Imágenes, máscaras y herramientas UX · 9 lecciones

Figma UI UX Design Essentials Pt.1: Herramientas y Fundamentos - UNIDAD 11 - Imágenes, máscaras y herramientas UX

Selección inteligente y ordenación en FigmaVideo · 9 min
¿Necesito saber Illustrator con Figma?Video · 4 min
Trucos y consejos para utilizar imágenes en FigmaVideo · 6 min
Máscara Recorte de imágenes en FigmaVideo · 9 min
Imagen y complemento gratuitos para FigmaVideo · 3 min
¿Necesita Photoshop para el diseño de UX en Figma?Video · 10 min
Proyecto de clase - ImágenesVideo · 1 min
AsignaciónCuestionario · 30 min
Proyecto de cursoProyecto · 1 h

UNIDAD 12 - Diseño adaptativo con diseño automático · 11 lecciones

Figma UI UX Design Essentials Pt.2: Diseño y componentes - UNIDAD 12 - Diseño adaptativo con diseño automático

IntroducciónLectura · 10 min
Instrucciones para el proyecto de especializaciónLectura · 10 min
¿Qué es el diseño automático y los botones expansibles en Figma?Video · 8 min
Proyecto de clase 11 - BotonesVideo · 1 min
Disposición automática del espaciadoVideo · 6 min
Cómo utilizar las restricciones en FigmaVideo · 8 min
Combinación de marcos anidados Diseño automático y restricciones en FigmaVideo · 14 min
Añadir altura automática de cuadro de texto al diseño automático en FigmaVideo · 8 min
Proyecto de clase 12 - Diseño adaptativoVideo · 2 min
Cuestionario del módulo 1Cuestionario · 30 min
Coursera CoachActividad · 15 min

UNIDAD 13 - Efectos visuales y estilismo · 5 lecciones

Figma UI UX Design Essentials Pt.2: Diseño y componentes - UNIDAD 13 - Efectos visuales y estilismo

Bonitos efectos de Sombreado y Sombreado interior en FigmaVideo · 6 min
Capa de desenfoque & Desenfoque de fondo & Desenfoque de imagen en FigmaVideo · 6 min
Cómo hacer Neumorphic botones IU en FigmaVideo · 8 min
Proyecto de clase - EfectosVideo · 2 min
Cuestionario del módulo 2Cuestionario · 30 min

UNIDAD 14 - Trabajar con componentes · 8 lecciones

Figma UI UX Design Essentials Pt.2: Diseño y componentes - UNIDAD 14 - Trabajar con componentes

Cómo guardar localmente y guardar el historial en FigmaVideo · 6 min
¿Qué son los componentes en Figma?Video · 6 min
Actualización, cambio y restablecimiento de los componentesVideo · 8 min
No se pueden matar componentes principales en FigmaVideo · 7 min
WHERE debe guardar sus componentes principales en FigmaVideo · 5 min
Introducción a la barra oblicua / convención de nomenclatura en FigmaVideo · 9 min
Proyecto de clase - ComponentesVideo · 1 min
Cuestionario del módulo 3Cuestionario · 30 min

UNIDAD 15 - Variantes de componentes y formularios · 7 lecciones

Figma UI UX Design Essentials Pt.2: Diseño y componentes - UNIDAD 15 - Variantes de componentes y formularios

Cómo crear variantes de componentes en FigmaVideo · 7 min
Otra forma de crear variantes en FigmaVideo · 6 min
Cómo hacer una variante multidimensional en FigmaVideo · 11 min
Proyecto de clase 15 - VariantesVideo · 2 min
Cómo crear un formulario con variantes en FigmaVideo · 17 min
Proyecto de clase 16 - FormularioVideo · 1 min
Cuestionario del módulo 4Cuestionario · 30 min

UNIDAD 16 - Técnicas de prototipado final · 8 lecciones

Figma UI UX Design Essentials Pt.2: Diseño y componentes - UNIDAD 16 - Técnicas de prototipado final

Todo junto en un ejemplo de escritorioVideo · 20 min
Cómo añadir un modal emergente superpuesto en FigmaVideo · 3 min
Cómo crear y prototipar una punta de herramienta en FigmaVideo · 7 min
¿Qué son los flujos en Figma?Video · 6 min
Superposición del menú de navegación móvil en FigmaVideo · 4 min
Proyecto de clase - Creación de prototiposVideo · 1 min
Cuestionario del módulo 5Cuestionario · 30 min
Proyecto de cursoProyecto · 1 h

UNIDAD 17 - Desplazamiento y navegación avanzados en Figma · 7 lecciones

Figma UI UX Design Essentials Pt.3: Prototipos & Handoff - UNIDAD 17 - Desplazamiento y navegación avanzados en Figma

IntroducciónLectura · 10 min
Instrucciones para el proyecto de especializaciónLectura · 10 min
Cómo anclar la navegación a la parte superior en FigmaVideo · 11 min
Cómo hacer swipe scrolling horizontal en FigmaVideo · 7 min
Desplazamiento automático por la página hasta el punto de anclaje en FigmaVideo · 5 min
Cuestionario del módulo 1Cuestionario · 30 min
Coursera CoachActividad · 15 min

UNIDAD 18 - Colaboración en equipo y bibliotecas · 3 lecciones

Figma UI UX Design Essentials Pt.3: Prototipos & Handoff - UNIDAD 18 - Colaboración en equipo y bibliotecas

¿Qué son los equipos, los proyectos y los expedientes en Figma?Video · 5 min
¿Cómo se utilizan las bibliotecas de equipos en Figma?Video · 11 min
Cuestionario del módulo 2Cuestionario · 30 min

UNIDAD 19 - Técnicas avanzadas de animación · 6 lecciones

Figma UI UX Design Essentials Pt.3: Prototipos & Handoff - UNIDAD 19 - Técnicas avanzadas de animación

Diferencia entre animación y microinteracciónVideo · 3 min
Animación con easing personalizado en FigmaVideo · 26 min
Proyecto de clase 18 - Mi segunda animaciónVideo · 2 min
Cómo hacer transiciones animadas en FigmaVideo · 17 min
Proyecto de clase - Transición de páginaVideo · 1 min
Cuestionario del módulo 3Cuestionario · 30 min

UNIDAD 20 - Microinteracciones en Figma · 5 lecciones

Figma UI UX Design Essentials Pt.3: Prototipos & Handoff - UNIDAD 20 - Microinteracciones en Figma

Microinteracciones mediante componentes interactivos en FigmaVideo · 6 min
Microinterruptor basculante de interacción en FigmaVideo · 4 min
Menú de hamburguesa de Micro Interaction convertido en cruz en FigmaVideo · 4 min
Proyecto de clase 20 - MicrointeracciónVideo · 2 min
Cuestionario del módulo 4Cuestionario · 30 min

UNIDAD 21 - Exportar y compartir su trabajo · 4 lecciones

Figma UI UX Design Essentials Pt.3: Prototipos & Handoff - UNIDAD 21 - Exportar y compartir su trabajo

Cómo cambiar la miniatura de los archivos FigmaVideo · 4 min
Cómo exportar imágenes desde FigmaVideo · 8 min
Cómo compartir su documento con clientes y partes interesadasVideo · 7 min
Cuestionario del módulo 5Cuestionario · 30 min

UNIDAD 22 - Finalización y lanzamiento del diseño · 7 lecciones

Figma UI UX Design Essentials Pt.3: Prototipos & Handoff - UNIDAD 22 - Finalización y lanzamiento del diseño

Hablar con el desarrollador al principio del proceso de diseño de FigmaVideo · 4 min
Compartir Figma con desarrolladores e ingenierosVideo · 6 min
¿Cuáles son los sistemas de diseño de siguiente nivel?Video · 3 min
Proyecto de clase 21 - Termine su diseñoVideo · 5 min
¿Y ahora qué?Video · 3 min
Cuestionario del módulo 6Cuestionario · 30 min
Proyecto de cursoProyecto · 1 h

Certificado oficial

Certificado con validez SEP: 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
Inscripción con pago único
Pagas $4,990 MXN una sola vez y entras de inmediato al curso.
2
Estudias a tu ritmo
22 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
3
Cuestionarios por unidad
22 cuestionarios para comprobar lo aprendido.
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: Principiantes: Figma UI / UX Diseño Esencial

Muestra · verificable por folio y QR

Certificado SEP incluido (sin costo). 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 Skillshare.
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.

22 unidades · 144 lecciones · 144 h
12 meses de acceso
22 cuestionarios de evaluación
Certificado SEP incluido (sin costo), emitido por la SEP (Gob. del Estado de México) con folio verificable

Pago único

$4,990MXN

Acceso por 12 meses

Inscribirme Hablar con un asesor de inscripción

Preguntas frecuentes

Sobre tu inscripción

¿Cómo es el pago?

Un solo pago de $4,990 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 Skillshare; 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.

¿El curso tiene validez SEP?

Sí, incluido sin costo. Al completar el curso recibes un certificado emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

¿El curso tiene tutor o clases en vivo?

No. Es un curso autodidacta: estudias por tu cuenta, a tu ritmo, sin tutor ni sesiones en vivo.

¿Cómo se evalúa?

Te evalúas con actividades automáticas, sin entregas a un tutor.

Cursos relacionados

Data Analysis and Visualization Foundations

IBM AI Foundations for Business

Administración de Empresas