Diseño UX/UI con Figma
PrincipianteLos grandes productos no se construyen por accidente — se diseñan, prueban y refinan pensando en el usuario, y este curso para principiantes te enseña exactamente cómo. Comenzarás con los fundamentos: la diferencia entre UX y UI, por qué importa el diseño centrado en el usuario, y los principios de usabilidad que separan un producto que la gente ama de uno que abandona. Desde ahí pasas a la investigación — personas, journeys de usuario, flujos de usuario y los wireframes que convierten ideas en un plan antes de pulir un solo píxel. Estudiarás diseño visual: teoría del color, tipografía, espaciado, grillas de layout y la jerarquía visual que guía la mirada del usuario. Luego pones manos a la obra en Figma, la herramienta estándar de la industria: navegar frames y componentes, construir estilos reutilizables y usar auto-layout para diseñar más rápido y con más consistencia. Finalmente, aprendes a convertir pantallas estáticas en prototipos interactivos, hacer pruebas de usabilidad simples, recoger feedback y preparar una entrega limpia y organizada de la que los desarrolladores realmente puedan construir. No se requiere título en diseño ni experiencia previa en Figma — solo curiosidad por cómo se hacen los buenos productos. Al terminar pensarás como diseñador y tendrás las habilidades prácticas en Figma para diseñar una interfaz real desde un lienzo en blanco hasta un prototipo navegable listo para compartir.
Videos
Ver todoPistas
Antes de abrir cualquier herramienta de diseño, necesitas pensar como piensa un gran diseñador de productos. Este track construye esa base. Aprenderás la diferencia real entre UX (cómo funciona algo) y UI (cómo se ve), y por qué el diseño centrado en el usuario le gana a diseñar desde tu propia opinión. Estudiarás los principios de usabilidad esenciales que hacen que una interfaz sea fácil o frustrante de usar, y recorrerás el proceso de design thinking — empatizar, definir, idear, prototipar, probar — que usan los equipos profesionales para resolver problemas reales. Mirarás apps cotidianas con ojos de diseñador, detectando qué funciona y qué no. Al terminar entenderás qué significan realmente UX y UI y pensarás primero en el usuario.
El buen diseño empieza con personas reales, no con suposiciones. Este track te enseña a investigar y planificar antes de diseñar una sola pantalla. Aprenderás a hacer investigación de usuarios ligera, construir personas que representen a tus usuarios reales, y mapear journeys de usuario que muestren qué siente y necesita alguien en cada paso. Aprenderás arquitectura de la información — organizar contenido y funciones para que la gente encuentre lo que necesita sin pensar — y a esbozar flujos de usuario que mapean cada camino a través de un producto. Finalmente, construirás wireframes de baja fidelidad para probar una idea rápido y barato, antes de invertir en lo visual. Al terminar sabrás convertir una idea vaga en un plan investigado y estructurado del que cualquier equipo pueda partir.
Una estructura usable todavía necesita verse y sentirse bien, y eso es lo que enseña este track. Aprenderás teoría del color y cómo construir una paleta que se sienta intencional, no al azar, y cómo la tipografía — combinar fuentes, tamaños e interlineado — moldea la legibilidad y el tono. Practicarás el espaciado y las grillas de layout, la estructura invisible que mantiene una interfaz calmada en vez de saturada, y aprenderás cómo la jerarquía visual usa tamaño, peso y contraste para decirle al ojo del usuario exactamente adónde mirar primero. Estudiarás ejemplos reales de interfaces para ver estos principios en acción, y adoptarás reglas simples de consistencia en todo un producto. Al terminar diseñarás pantallas que no solo son usables sino genuinamente atractivas, con un sistema visual claro detrás de cada decisión.
Figma es la herramienta que los diseñadores profesionales usan todos los días, y este track te hace fluido en ella. Empezarás aprendiendo la interfaz de Figma — paneles, capas y navegación — para dejar de buscar herramientas y empezar a diseñar. Construirás frames que representan pantallas en tamaños reales de dispositivo, y convertirás elementos repetidos en componentes para que un solo cambio se actualice en todos lados donde se usa. Crearás estilos de color, texto y efectos para mantener un proyecto entero consistente, y aprenderás auto-layout, la función que hace que los elementos se redimensionen y reacomoden automáticamente como un diseño responsive real. Practicarás reconstruyendo una pantalla simple desde cero, aplicando todas las habilidades juntas. Al terminar te moverás por Figma con confianza y construirás diseños organizados y reutilizables en vez de pantallas estáticas sueltas.
Un gran diseño todavía tiene que sobrevivir al contacto con usuarios reales y desarrolladores reales, y este track te prepara para ambos. Aprenderás a conectar tus pantallas de Figma en prototipos interactivos con enlaces clicables, transiciones y overlays, para que un diseño se sienta como una app real antes de escribir código. Harás pruebas de usabilidad simples, observando a alguien usar tu prototipo y notando dónde duda o se pierde, y convertirás ese feedback en cambios de diseño concretos. También aprenderás a preparar una entrega para desarrolladores limpia y bien organizada — capas etiquetadas, assets exportados, specs de espaciado y color — para que los ingenieros construyan exactamente lo que diseñaste sin adivinar. Al terminar llevarás un diseño desde la idea hasta un prototipo navegable y probado, listo para entregar a un equipo de desarrollo real.
Examen de certificación
Examen de certificación
Diseño UX/UI con Figma
Todas las pistas · Sin presión de tiempo para empezar
Examen de certificación
Diseño UX/UI con Figma
30 preguntas
Todos los niveles de dificultad
45 minutos
Se envía automáticamente cuando se acaba el tiempo
70% para aprobar
Gana tu insignia de certificación
Sin marcha atrás
Una vez que respondes, avanzas
Consejos
Ver todoEntrega specs, no solo capturas de pantalla
Espaciado, tokens de color y estados que los devs pueden copiar
Observa a los usuarios luchar — no expliques el diseño
El silencio en las pruebas de usabilidad revela más que las respuestas
Prototipa los estados de error, no solo el camino feliz
Las pantallas vacías, de error y de carga también necesitan clics
Convierte elementos repetidos en componentes desde el inicio
Un maestro, instancias ilimitadas, una sola fuente de verdad