Análisis del “Curso Figma 2026 y Diseño Web” de Xavier Pascual: ¿vale la pena?
Figma actual de verdad, con variables, tokens, componentes y un portfolio web de 5 páginas en 17.3 h; casi todo es seguir el video, sin tareas propias, y deja fuera la investigación UX.
Qué promete y qué encontré al analizarlo
Curso Figma 2026 y Diseño Web, de Xavier Pascual, promete llevarte de cero a un nivel profesional en Figma y terminar con un portfolio que muestre tu talento. Se creó en febrero de 2024, se publicó en agosto de 2025 y se actualizó el 31 de diciembre de ese año; tiene 2,249 alumnos y 499 reseñas con un promedio de 4.60.
Al revisar sus 16 secciones, es un curso de Figma Design aplicado al diseño web, no de UX: 209 videos de unos 5 minutos que primero construyen un sistema (auto layout, grid, estilos, variables, tokens y componentes) y luego lo usan en un prototipo de 5 páginas, en versión de escritorio y móvil. Variables y tokens tienen una sección propia de 28 clases. No hay cuestionarios ni tareas: salvo un ejercicio de variables, practicas repitiendo los pasos.
El temario, en resumen
- Fundamentos (36 elementos, 2.6 h): cuenta, panel y comunidad, estructura del archivo, frames, máscaras, auto layout (gap, constraints, resizing, mínimos y máximos, clip content) y grid por columnas y filas.
- Estilos, variables y tokens (28, 2.2 h): diferencias entre estilos y variables, colecciones, scope y modos, y tokens primitivos, semánticos y de tipografía, también para responsive.
- Componentes (47, 3.8 h): diseño atómico, propiedades booleanas y de texto, variantes, instance swap, slots e instancias anidadas, con botón, checkbox, input, menú, navbar, collapse, footer y cards.
- Interacción (19, 1.3 h): on click, hover, overlays, variables de contenido y navegación en escritorio y móvil.
- Prototipo y entrega (79, 7.4 h): portfolio de 5 páginas (Home, Project, Blog, Team y Contact), presentación de las versiones de escritorio y móvil, documentación para desarrollo y una clase de Dev Mode.
- En total: 209 videos y archivos de Figma descargables, sin cuestionarios, tareas ni artículos, con subtítulos automáticos en español.
Puntos fuertes
- Figma como se usa hoy. Variables con colecciones, scope y modos, y tokens primitivos y semánticos para color, opacidad, espaciado y tipografía. Como ingeniero, es lo que más valoro: los tokens son el puente con el código, porque se traducen casi uno a uno en variables CSS y evitan valores sueltos en cada pantalla.
- Un sistema de componentes completo. De un botón a navbar, menú con slots, collapse, footer, modal y cards, con propiedades, variantes e instance swap. Terminas con un kit reutilizable, algo que un equipo de producto espera que sepas mantener.
- Un portfolio como proyecto. El prototipo final es un sitio de 5 páginas, con escritorio, móvil e interacciones, y una página de caso de estudio pensada para mostrar tu proceso. Ocupa 6.3 horas y sirve de plantilla para tu propio portafolio.
- Reciente y con entrega a desarrollo. Actualizado en diciembre de 2025, con clases cortas y una sección de presentación y handoff: documentación para el equipo de desarrollo, variables de contenido y Dev Mode. Su 4.60 con 499 reseñas es sólido: el 60 % le da 5 estrellas.
Aspectos mejorables
- Casi todo es seguir el video. 209 videos sin cuestionarios ni tareas; la única práctica propia es un ejercicio de variables de color con su revisión. Para fijar lo aprendido, conviene rehacer el portfolio con tu propio contenido.
- Diseño web, no UX. Por los títulos, no hay investigación de usuarios, pruebas de usabilidad ni accesibilidad, y la estructura de la información se limita a la de una página. Tampoco hay diseño de apps: lo móvil es la versión móvil del sitio.
- Funciones de pago. Según la ayuda de Figma, el plan gratuito Starter no incluye modos de variables ni Dev Mode, y se limita a 3 archivos; Dev Mode pide un plan de pago con puesto Full o Dev. Si el curso usa modos para el responsive, como sugieren sus títulos, con la cuenta gratuita no podrás repetir esas clases.
- Sin IA ni FigJam, pese al «2026». La descripción aclara que se centra solo en Figma Design, y ningún título trata las funciones de IA de Figma. Los objetivos prometen microinteracciones y animaciones, pero las interacciones de los títulos son clics, hover, overlays y navegación.
Conclusión honesta
Curso Figma 2026 y Diseño Web es una forma muy completa de aprender Figma en español tal como se usa hoy: variables, tokens, componentes con propiedades y un prototipo de 5 páginas listo para tu portafolio. Si ya entiendes qué es UX y quieres dominar la herramienta, o si eres desarrollador y quieres entender los archivos que te entregan, es una muy buena elección.
No te convierte en diseñador UX por sí solo: falta todo el proceso de investigación y pruebas. Para esa mitad, Diseño UX de Espacio UX o el más corto UX UI Design de 0 a 100. Y si vas a programar estos diseños, el paso natural es maquetar con el Master en CSS.
Puntaje final: 7.9/10 · Bueno
Para principiantes y diseñadores que quieren dominar el Figma actual con un proyecto de portafolio, y para desarrolladores que trabajan con equipos de diseño. No es para quien busca aprender investigación UX.
Este curso sí es para ti si…
- Quieres aprender Figma desde cero hasta variables, tokens y componentes
- Necesitas un sitio de portafolio como proyecto
- Eres desarrollador y quieres entender los archivos y el handoff de diseño
- Prefieres clases cortas, de unos 5 minutos
Mejor busca otro curso si…
- Quieres aprender investigación de usuarios y pruebas de usabilidad
- Necesitas ejercicios o tareas evaluadas
- Buscas diseño de apps móviles o las funciones de IA de Figma
Curso Figma 2026 y Diseño Web
- 17.3 h
- 4.6 en Udemy
Enlace directo a Udemy. Esta reseña no está patrocinada. Consulta el precio actual en Udemy.
Preguntas frecuentes
¿Necesito pagar Figma?
Para empezar, no: el plan Starter es gratuito. Pero según la ayuda de Figma, consultada el 26 de octubre de 2026, los modos de variables y Dev Mode solo están en planes de pago, y Starter se limita a 3 archivos. Revisa el plan vigente antes de llegar a esas secciones.
¿Sirve si nunca he usado Figma?
Sí. No pide experiencia previa y empieza por el registro, el panel principal y la estructura del archivo. Figma funciona en el navegador o en su aplicación de escritorio.
¿Cuánto tiempo toma terminarlo?
Son 17.3 horas en 209 videos cortos. A una hora diaria, repitiendo cada paso en tu archivo, calcula de 4 a 6 semanas.
Alternativas que también analicé
Todo el ranking de Desarrollo Web
Diseño UI: diseño visual y diseño de interfaz con Figma 2026
Espacio UX - Javier Cañas
Fundamentos sólidos de diseño visual y UI, con actividades en Figma y un proyecto en 3 etapas; el prototipado cabe en un video, y variables, tokens y Dev Mode son notas de segundos.
Curso UX UI Design: Oficial homologado [Experto de 0 a 100]
Escuela Digital UX/UI
Un mapa completo y práctico del diseño UX/UI en 13.1 h, con Figma, 8 prácticas y 7 tests; la investigación y las pruebas con usuarios van muy cortas y no se actualiza desde agosto de 2024.
Diseño UX: experiencia de usuario UX/UI + Figma 2026
Espacio UX - Javier Cañas
Un recorrido muy completo por el proceso UX, de la investigación a las pruebas de usabilidad; Figma ocupa menos de lo que sugiere el título y no aparecen sus funciones de IA.