Desarrollo Web #18 de 26 en su categoría

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.

Portada oficial del curso Curso Figma 2026 y Diseño Web

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.

7.9

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

Xavier Pascual

  • 17.3 h
  • 4.6 en Udemy
Ver el curso 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.

Roberto Delgado

Ingeniero en Sistemas Inteligentes

Analizo cursos de tecnología con el mismo criterio con el que evaluaría un sistema: qué promete, qué entrega y dónde falla. Si una reseña tiene un dato desactualizado, avísame y la corrijo.

7.9 Bueno
Ver en Udemy