Dominio de Figma: De Wireframes a Prototipos
Desarrolla habilidades de diseño UX preparadas para el empleo con Figma
Certificado oficial emitido por la SEPA través del Gobierno del Estado de México
12 meses de acceso
En línea · 240 h
14 unidades
Nivel intermedio
Qué aprenderás
Lo que serás capaz de hacer
Domine el flujo de trabajo completo del diseño UX utilizando Figma, la herramienta de diseño líder del sector utilizada por millones de profesionales en todo el mundo. Este completo programa le llevará desde la creación básica de maquetas hasta la creación avanzada de prototipos, pruebas de usuario y traspasos de diseño. Aprenderá a crear wireframes, prototipos de alta fidelidad, diseños interactivos y documentación de diseño profesional que cierra la brecha entre el diseño y el desarrollo. A través de proyectos prácticos, desarrollarás habilidades reales en el mapeo del recorrido del usuario, el desarrollo de personajes, las pruebas de usabilidad y los flujos de trabajo de diseño colaborativo. Al finalizar, tendrá una cartera de proyectos Figma que demuestran su capacidad para resolver complejos desafíos de diseño y comunicarse eficazmente con los equipos de desarrollo. Este programa te prepara para puestos en diseño UX/UI, diseño de productos y diseño digital en todos los sectores.
- Crear wireframes, maquetas y prototipos de alta fidelidad utilizando el completo conjunto de herramientas de Figma
- Desarrollar personajes de usuario, mapas de viaje y realizar pruebas de usabilidad para validar las decisiones de diseño
- Construir prototipos interactivos con animaciones avanzadas y preparar especificaciones de diseño para los desarrolladores
Habilidades que desarrollarás
Figma (software de diseño)
Pruebas de usabilidad
Diseño web responsivo
Interfaz de usuario (UI)
Mapeo del recorrido
Diseño de experiencia de usuario
Usabilidad
Creación de wireframes
Diseño de interfaz de usuario (UI)
Creación de prototipos
Experiencia de usuario
Diseño interactivo
Flujos de usuario
Desarrollo web front-end
Diseño y desarrollo web
Estrategias de diseño
Maquetas
Diseño centrado en el usuario
Diseño de interfaz y experiencia de usuario (UI/UX)
Diseño de interacción
Temario
UNIDAD 1 - Resumen del proyecto · 4 leccionesCrear una maqueta en Figma - UNIDAD 1 - Resumen del proyecto
UNIDAD 1 - Resumen del proyecto · 4 lecciones
Crear una maqueta en Figma - UNIDAD 1 - Resumen del proyecto
- Resumen del proyecto
- Crear una maqueta en Figma
- Evalúe sus conocimientos
- Encuesta de fin de curso - ¡Apreciamos sus comentarios!
UNIDAD 2 - Resumen del proyecto · 4 leccionesTrabajar con componentes en Figma - UNIDAD 2 - Resumen del proyecto
UNIDAD 2 - Resumen del proyecto · 4 lecciones
Trabajar con componentes en Figma - UNIDAD 2 - Resumen del proyecto
- Resumen del proyecto
- Trabajar con componentes en Figma
- Evalúe sus conocimientos
- Encuesta de fin de curso - ¡Apreciamos sus comentarios!
UNIDAD 3 - Proyecto · 4 leccionesDiseñar y desarrollar un sitio web utilizando Figma y CSS - UNIDAD 3 - Proyecto
UNIDAD 3 - Proyecto · 4 lecciones
Diseñar y desarrollar un sitio web utilizando Figma y CSS - UNIDAD 3 - Proyecto
- Visión general del curso basado en proyectos
- Diseñar y desarrollar un sitio web utilizando Figma y CSS
- Cuestionario graduado: Compruebe su comprensión
- Encuesta de fin de curso - ¡Apreciamos sus comentarios!
UNIDAD 4 - Resumen del proyecto · 4 leccionesCree un wireframe digital con Figma - UNIDAD 4 - Resumen del proyecto
UNIDAD 4 - Resumen del proyecto · 4 lecciones
Cree un wireframe digital con Figma - UNIDAD 4 - Resumen del proyecto
- Resumen del proyecto
- Cree un wireframe digital con Figma
- Evalúe sus conocimientos sobre wireframes y Figma
- Encuesta de fin de curso - ¡Apreciamos sus comentarios!
UNIDAD 5 - Resumen del proyecto · 4 leccionesCree un prototipo de alta fidelidad con Figma - UNIDAD 5 - Resumen del proyecto
UNIDAD 5 - Resumen del proyecto · 4 lecciones
Cree un prototipo de alta fidelidad con Figma - UNIDAD 5 - Resumen del proyecto
- Resumen del proyecto
- Cree un prototipo de alta fidelidad con Figma
- Evalúe sus conocimientos de Figma
- Encuesta de fin de curso - ¡Apreciamos sus comentarios!
UNIDAD 6 - Especificaciones de diseño y traspaso · 14 leccionesHandshake Ready: Especificaciones de diseño y traspaso en Figma - UNIDAD 6 - Especificaciones de diseño y traspaso
UNIDAD 6 - Especificaciones de diseño y traspaso · 14 lecciones
Handshake Ready: Especificaciones de diseño y traspaso en Figma - UNIDAD 6 - Especificaciones de diseño y traspaso
- El papel crucial de la documentación del diseño en el desarrollo
- Guía del proyecto Greenleaf Grocers
- Creación de documentación y especificaciones de diseño eficaces
- Generación de especificaciones de diseño y activos en Figma
- Actividad: GreenLeaf Grocers Documentación de diseño y paquete de transferencia
- Documentación de diseño y mejores prácticas de transferencia
- Reflexión sobre la documentación del diseño
- El poder de la narración en los estudios de caso de UX
- Estudios de caso de UX convincentes
- Creación de una presentación de un caso de éxito de UX en Figma
- Actividad: Estudio de caso de UX en GreenLeaf Grocers
- Presentación de un caso de éxito de UX eficaz
- Preparación de la presentación de un caso de éxito
- Felicitaciones y próximos pasos
UNIDAD 7 - Prototipos básicos y crítica de diseño · 19 leccionesPrototipo para el éxito: Fundamentos de la creación de prototipos en Figma - UNIDAD 7 - Prototipos básicos y crítica de diseño
UNIDAD 7 - Prototipos básicos y crítica de diseño · 19 lecciones
Prototipo para el éxito: Fundamentos de la creación de prototipos en Figma - UNIDAD 7 - Prototipos básicos y crítica de diseño
- Dar vida a los conceptos de diseño: El poder de los prototipos
- Guía del proyecto Greenleaf Grocers
- La creación de prototipos en el diseño de UX: Una introducción a los principios y las mejores prácticas
- Creación de prototipos con Figma: Conectar wireframes y añadir interactividad
- Creación de un prototipo de tienda de comestibles GreenLeaf en Figma
- Conceptos básicos de creación de prototipos: Preguntas clave sobre técnicas y buenas prácticas
- El VALUE de las críticas de diseño en UX
- Críticas de diseño eficaces: Guía para dar y recibir opiniones
- Cómo facilitar las críticas de diseño en Figma: uso de herramientas de presentación y comentario
- Preparación para la crítica de diseño de GreenLeaf Grocers: Guía para la retroalimentación entre pares
- Buenas prácticas en la crítica de diseño: Preguntas clave sobre técnicas y comentarios eficaces
- Preparación para una crítica de diseño: Sesión interactiva con comentarios de IA
- Mejorar los diseños mediante críticas colaborativas
- Traducir los comentarios en acciones: Analizar y priorizar los comentarios sobre el diseño
- Uso de Figma para documentar y priorizar los comentarios sobre el diseño
- Sintetizar los comentarios de GreenLeaf Grocers: Creación de un plan de iteración en Figma
- Síntesis de retroalimentación y planificación de iteraciones: Evaluación graduada
- Sintetizar los comentarios de los tenderos de GreenLeaf: Sesión interactiva con IA Feedback
- Felicitaciones y próximos pasos
UNIDAD 8 - Prototipado avanzado y diseño de interacciones · 20 leccionesInteligencia de Interacción: Creación avanzada de prototipos con Figma - UNIDAD 8 - Prototipado avanzado y diseño de interacciones
UNIDAD 8 - Prototipado avanzado y diseño de interacciones · 20 lecciones
Inteligencia de Interacción: Creación avanzada de prototipos con Figma - UNIDAD 8 - Prototipado avanzado y diseño de interacciones
- Mejorar la experiencia del usuario
- Guía del proyecto Greenleaf Grocers
- Principios para un diseño eficaz de la arquitectura de la información
- Aplicación de la AI en Figma
- Actividad: Arquitectura de la información de GreenLeaf Grocers
- Arquitectura de la información
- Reflexión sobre la arquitectura de la información
- Deleitar a los usuarios con interacciones bien pensadas
- Dominar las microinteracciones y el placer visual
- Creación de microinteracciones en Figma
- Actividad: Greenleaf Grocers Diseño de microinteracciones
- Microinteracciones y placer visual
- Evaluación del impacto de las microinteracciones
- Elevar la experiencia del usuario con prototipos avanzados
- Estrategias avanzadas de creación de prototipos en Figma
- Creación de prototipos complejos e interactivos en Figma
- Actividad: Prototipo avanzado de GreenLeaf Grocers
- Creación avanzada de prototipos en Figma
- Evaluación de la experiencia del prototipo
- Felicitaciones y próximos pasos
UNIDAD 9 - Resumen del proyecto · 13 leccionesDiseño de IU usando Figma: Crear la interfaz de una aplicación meteorológica - UNIDAD 9 - Resumen del proyecto
UNIDAD 9 - Resumen del proyecto · 13 lecciones
Diseño de IU usando Figma: Crear la interfaz de una aplicación meteorológica - UNIDAD 9 - Resumen del proyecto
- Resumen del proyecto
- Referencias, recursos y archivos
- Tarea 1: Crear la interfaz de la pantalla de inicio de sesión
- Tarea 2: Completar la interfaz de la pantalla de inicio de sesión
- Tarea 3: Crear un menú de navegación
- Actividad práctica
- Tarea 4: Crear una pantalla de información meteorológica
- Tarea 5: Completar la pantalla de información meteorológica
- Tarea 6: Prototipo de la funcionalidad de inicio de sesión
- Actividad acumulada
- Principales conclusiones
- Evalúe sus conocimientos
- Encuesta de fin de curso - ¡Apreciamos sus comentarios!
UNIDAD 10 - Resumen del proyecto · 4 leccionesPrototipos en Figma: Creación de un diseño inicial de baja fidelidad - UNIDAD 10 - Resumen del proyecto
UNIDAD 10 - Resumen del proyecto · 4 lecciones
Prototipos en Figma: Creación de un diseño inicial de baja fidelidad - UNIDAD 10 - Resumen del proyecto
- Resumen del proyecto
- Prototipos en Figma: Creación de un diseño inicial de baja fidelidad
- Evalúe sus conocimientos
- Encuesta de fin de curso - ¡Apreciamos sus comentarios!
UNIDAD 11 - De la baja fidelidad al diseño de alta fidelidad · 20 leccionesDe lo sencillo a lo asombroso: La evolución de la fidelidad en el diseño Figma - UNIDAD 11 - De la baja fidelidad al diseño de alta fidelidad
UNIDAD 11 - De la baja fidelidad al diseño de alta fidelidad · 20 lecciones
De lo sencillo a lo asombroso: La evolución de la fidelidad en el diseño Figma - UNIDAD 11 - De la baja fidelidad al diseño de alta fidelidad
- El poder de los sistemas de diseño en el diseño sostenible de productos
- Guía del proyecto Greenleaf Grocers
- Comprender los sistemas de diseño y los principios del diseño visual
- Creación de un sistema de diseño en Figma
- Actividad: Desarrollo del sistema de diseño de GreenLeaf Grocers
- Sistemas de diseño y principios de diseño visual
- Reflexión sobre el impacto del sistema de diseño
- El impacto del diseño adaptativo en el compromiso de los usuarios
- Dominio del diseño adaptativo en Figma
- Creación de diseños adaptativos en Figma
- Actividad: GreenLeaf Grocers Diseño adaptativo
- Principios y técnicas del diseño adaptativo
- Reflexión sobre los retos del diseño adaptativo
- De los wireframes a los diseños de alta fidelidad
- De la baja fidelidad al diseño de alta fidelidad
- Creación de maquetas de alta fidelidad en Figma
- Actividad: Maquetas de alta fidelidad de Greenleaf Grocers
- Principios de diseño de alta fidelidad
- Reflexione sobre su maqueta de alta fidelidad
- Felicitaciones y próximos pasos
UNIDAD 12 - Pruebas de usabilidad e iteración · 14 leccionesProbar, aprender, evolucionar: Pruebas de usabilidad en Figma - UNIDAD 12 - Pruebas de usabilidad e iteración
UNIDAD 12 - Pruebas de usabilidad e iteración · 14 lecciones
Probar, aprender, evolucionar: Pruebas de usabilidad en Figma - UNIDAD 12 - Pruebas de usabilidad e iteración
- El impacto de las pruebas de usabilidad en el éxito del producto
- Guía del proyecto Greenleaf Grocers
- Metodologías y buenas prácticas de las pruebas de usabilidad
- Planificación de una prueba de usabilidad en Figma
- Actividad: Plan y ejecución de la prueba de usabilidad de GreenLeaf Grocers
- Fundamentos de las pruebas de usabilidad
- Evaluación del plan de pruebas de usabilidad
- De los comentarios de los usuarios a la mejora del diseño
- Análisis de datos de usabilidad y Diseño iterativo
- Diseños iterativos en Figma basados en comentarios de usabilidad
- Actividad: Análisis de usabilidad e iteración del diseño
- Datos de pruebas y análisis
- Reflexión sobre el proceso de iteración
- Felicitaciones y próximos pasos
UNIDAD 13 - Flujo de usuarios y wireframing · 13 leccionesFlow Forward: Mastering User Journeys & Wireframing en Figma - UNIDAD 13 - Flujo de usuarios y wireframing
UNIDAD 13 - Flujo de usuarios y wireframing · 13 lecciones
Flow Forward: Mastering User Journeys & Wireframing en Figma - UNIDAD 13 - Flujo de usuarios y wireframing
- El impacto del diseño del flujo de usuarios en su satisfacción
- Guía del proyecto Greenleaf Grocers
- Dominar el diseño del flujo de usuarios: Principios y buenas prácticas
- Diseño de flujos de usuarios en Figma: Un tutorial paso a paso
- Creación del flujo de usuarios de GreenLeaf Grocers en Figma
- Fundamentos del flujo de usuarios: Evaluación de buenas prácticas
- Análisis y perfeccionamiento de los flujos de usuarios: Sesión interactiva sobre IA
- Por qué los wireframes de baja fidelidad son esenciales en el diseño de UX
- Wireframing Essentials: Principios para una jerarquía de contenidos y un diseño eficaces
- Creación de Wireframes de baja fidelidad en Figma: Un tutorial paso a paso
- Creación de Wireframes de baja fidelidad para GreenLeaf Grocers en Figma
- Wireframing y técnicas de flujo de usuarios: Evaluación
- Felicitaciones y próximos pasos
UNIDAD 14 - Persona de usuario y Journey Mapping · 27 leccionesTrazar la misión: Persona de usuario y diseño del recorrido en Figma - UNIDAD 14 - Persona de usuario y Journey Mapping
UNIDAD 14 - Persona de usuario y Journey Mapping · 27 lecciones
Trazar la misión: Persona de usuario y diseño del recorrido en Figma - UNIDAD 14 - Persona de usuario y Journey Mapping
- El impacto de los usuarios en el diseño de productos
- Guía del proyecto Greenleaf Grocers
- Creación de personas de usuario eficaces
- Diseño de personajes de usuario en Figma: Un tutorial paso a paso
- Desarrollo del perfil de usuario de GreenLeaf Grocers
- Desarrollo de Persona de Usuario: Evaluación de conocimientos
- Análisis de Persona de usuario: Sesión interactiva con comentarios de IA
- Por qué es fundamental un mapa del recorrido del usuario: Trazar el recorrido del usuario
- El arte de trazar el recorrido del usuario: Componentes clave y mejores prácticas
- Creación de mapas interactivos del recorrido del usuario en Figma: Un tutorial paso a paso
- Creación de un User Journey Map para GreenLeaf Grocers: Experiencia de compra de comestibles en línea
- Juego de rol: Entrevista de investigación de usuarios para el mapa de recorrido
- Técnicas de Mapeo del Recorrido del Usuario: Concepto y evaluación de las mejores prácticas
- Análisis del Mapa de recorrido del usuario: Sesión interactiva con comentarios de IA
- Transformar los conocimientos de los usuarios en soluciones: Definir problemas e identificar oportunidades
- Del conocimiento de los usuarios al planteamiento de problemas: Analizar los viajes e identificar los puntos débiles
- Visualización de problemas y oportunidades en Figma Tutorial
- GreenLeaf Grocers Definición del problema: Identificación de puntos débiles y oportunidades en Figma
- Definición de problemas e identificación de oportunidades: Evaluación del recorrido del usuario
- Análisis de las opiniones de los usuarios de GreenLeaf Grocers: Sesión interactiva con comentarios de AI
- De los problemas a las soluciones: Ideación y desarrollo conceptual
- Técnicas de ideación para el diseño de UX: Métodos, evaluación y bocetos conceptuales
- Ideación y bocetos conceptuales en Figma: Un tutorial paso a paso
- GreenLeaf Grocers Ideación y desarrollo de conceptos: Análisis de problemas y lluvia de ideas para encontrar soluciones
- Ideación y desarrollo de conceptos: Tarea graduada sobre personas, viajes y técnicas
- Perfeccionamiento de conceptos para GreenLeaf Grocers: Sesión interactiva sobre IA
- Felicitaciones y próximos pasos
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
Inscripción con pago único
Pagas $4,990 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
14 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
26 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 · 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 Coursera.
- 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.
- 14 unidades · 164 lecciones · 240 h
- 12 meses de acceso
- 26 cuestionarios de evaluación
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
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 Coursera; 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.
