WBF Academy
Diseño UX/UI con Figma

Diseño UX/UI con Figma

Principiante

Los 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.

📋 5 pistas ❓ 200 preguntas 💡 15 consejos 🎬 7 vídeos ⏱ ~4h

Videos

Ver todo

Pistas

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

30
Preguntas
45m
Tiempo límite
% 70%
Para aprobar

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 todo