✅ CURSO FIGMA COMPLETO 2024 (DESDE CERO Y PASO A PASO)
por OscarRGB
Enseña Figma desde cero diseñando una web completa: interfaz, Design System, Autolayout, botones y versiones de escritorio y móvil.
Recomendado, valoración editorial 4 de 5
verificado 2026-09-09 — sigue siendo gratis en YouTube
Empezar en YouTubeRespuesta rápida
Curso gratis de Diseño de nivel principiante en YouTube impartido por OscarRGB (4 h 23 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 9 de septiembre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que empiezan en Figma y quieren aprender diseñando una web completa de principio a fin.
- Nivel
- Principiante
- Duración
- 4 h 23 min · 15 capítulos
- Precio
- Gratis en YouTube
- Autor
- OscarRGB
- Publicado
- 2023
- Plan sugerido
- 4 sem. · 5 h/sem.
- Verificado
- el 9 de septiembre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso extenso y bien estructurado que lleva de los fundamentos de Figma a un diseño web completo, con Design System y versión responsive. Es muy adecuado para principiantes que aprenden mejor con un proyecto práctico. Conviene tener en cuenta que es de 2023.
Puntos fuertes
- Progresión clara: fundamentos, Design System y proyecto web completo.
- Cubre versión escritorio y móvil (responsive) en el mismo proyecto.
- Capítulos bien marcados que facilitan retomar el curso por partes.
A tener en cuenta
- Publicado en 2023: Figma cambia con frecuencia y algunas interfaces pueden diferir.
- La descripción no detalla ejercicios ni material descargable.
- Más de la mitad del tiempo se dedica al diseño de la web, con menos profundidad teórica en otros temas.
De qué trata
Curso de Figma de unas 4 horas y 23 minutos, dividido en 15 capítulos, que enseña a diseñar una web paso a paso. Empieza con qué es Figma, la gestión de un proyecto de diseño web, la interfaz, las herramientas y los plugins.
Después construye un Design System con colores, tipografía, grids y columnas e iconos, y explica el Autolayout y el diseño de botones. Los dos bloques finales, los más largos, diseñan la web en versión escritorio y su adaptación a móvil (responsive).
- Interfaz, herramientas y plugins de Figma
- Design System: colores, tipografía, grids e iconos
- Autolayout y diseño de botones
- Diseño web en escritorio y móvil (responsive)
Para quién es este curso
- Personas que empiezan en Figma y quieren aprender diseñando una web completa de principio a fin.
- Diseñadores gráficos o autodidactas que quieren aprender a montar un Design System básico (colores, tipografía, grids, iconos).
- Quien quiere practicar diseño web en versión escritorio y móvil (responsive) dentro de un mismo proyecto.
Mejor busca otro si…
- Quien ya domina Figma, Autolayout y Design Systems y busca contenido avanzado de prototipado o componentes complejos.
- Quien busque una introducción breve: son más de cuatro horas de vídeo.
Antes de empezar
- La descripción indica que parte desde cero, así que no se requieren conocimientos previos de Figma.
Qué sabrás hacer al terminar
- Entender qué es Figma y cómo se organiza un proyecto de diseño web.
- Manejar la interfaz, las herramientas y los plugins de Figma.
- Crear un Design System básico con colores, tipografía, grids e iconos.
- Usar Autolayout y diseñar botones reutilizables.
- Diseñar una web completa en versión escritorio y adaptarla a móvil.
Estructura del curso
- 01
Introducción y gestión del proyecto
Presentación del curso, qué es Figma y por qué usarlo, y cómo se gestiona un proyecto de diseño web. Desde 0:00 hasta 29:04.
- 02
Interfaz, herramientas y plugins
Recorrido por la interfaz y las herramientas de Figma, más los plugins y la comunidad. Desde 29:04.
- 03
Design System
Qué es un Design System y creación de colores, tipografía, grids y columnas, e iconos. Desde 1:13:34.
- 04
Autolayout y botones
Explicación del Autolayout y diseño de botones. Desde 2:08:45.
- 05
Diseño de la web en escritorio
Bloque más largo: diseño de la web en versión Desktop. Desde 2:38:54.
- 06
Diseño responsive para móvil y cierre
Adaptación del diseño a móvil y despedida. Desde 3:42:17.
Capítulos del vídeo
- 0:00Introducción al curso
- 1:12Qué es Figma y porqué usarlo
- 10:07Gestión de un proyecto de Diseño Web
- 29:04Interfaz y Herramientas de Figma
- 1:04:37Plugins de Figma y comunidad
- 1:13:34¿Qué es el Design System?
- 1:20:20Creando el Design System (Colores)
- 1:36:00Creando el Design System (Tipografia)
- 1:53:08Definiendo la estructura (Grids y Columnas)
- 2:00:55Configurando los iconos
- 2:08:45¿Qué es el Autolayout?
- 2:14:14Diseño de Botones
Ver los 3 restantes
- 2:38:54Diseñando la web (Desktop)
- 3:42:17Diseño web en Movil (Responsive Design)
- 4:21:47Agradecimientos y Despedida
Plan de estudio sugerido
4 semanas · unas 5 h por semana
- 1.Semana 1: capítulos 0:00–1:13:34. Explora la interfaz y prueba los plugins en un archivo propio.
- 2.Semana 2: 1:13:34–2:38:54. Crea tu Design System con colores, tipografía, grids, iconos y botones.
- 3.Semana 3: 2:38:54–3:42:17. Diseña la web en escritorio siguiendo el vídeo.
- 4.Semana 4: 3:42:17–final. Crea la versión móvil y repasa Autolayout.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Abre Figma y sigue el vídeo a la vez; pausa en cada paso del Design System para replicarlo.
- Antes del bloque de 2:38:54, asegúrate de tener listos colores, tipografías e iconos.
- Haz tu propio proyecto con otra temática en paralelo para fijar lo aprendido.
- Repasa el capítulo de Autolayout (2:08:45) si te cuesta en los botones o en el responsive.
Antes y después de este curso
- Alternativa💻 Curso Figma desde CERO | Curso de Introducción a FigmaOtro curso de Figma desde cero con el que comparar enfoque y duración.
- AlternativaCURSO de FIGMA 2025 DESDE CERO | Curso de IntroducciónCurso de Figma más reciente para contrastar con la interfaz actual.
- Después de este cursoCurso de maquetación web de lo básico a lo avanzadoNatural siguiente paso para llevar un diseño web a código.
Cómo lo presenta OscarRGB
Compra el curso completo de Figma y diseño web:
Aprende a diseñar una web en Figma con este tutorial completo, de principinte a avanzado y paso a paso. 👇🏻Resumen 👇🏻
🎁Formar parte de co-freelance - 15% de descuento con cupón "youtube"
Extracto de la descripción original en YouTube.
Preguntas frecuentes
+¿Necesito saber Figma antes de empezar?
No. El curso se presenta como de cero y paso a paso, y empieza explicando qué es Figma y cómo usarlo.
+¿Cuánto dura el curso?
Unas 4 horas y 23 minutos en 15 capítulos. Con pausas y práctica, cuenta con unas 4 semanas a 5 horas semanales.
+¿Qué se diseña durante el curso?
Una web, primero en versión escritorio y luego en móvil, tras crear un Design System con colores, tipografía, grids e iconos.
+¿Está actualizado?
Se publicó en 2023, aunque el título menciona 2024. Figma evoluciona, por lo que algunos menús pueden haber cambiado.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en YouTube, y revisado según nuestro método. El contenido del curso es obra de OscarRGB; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Diseño
Creative Web Development with Three.js and Blender
Enseña a modelar una escena 3D en Blender y a llevarla a la web con Three.js, con raycaster, movimiento con GSAP y colisiones.
🔥Curso Completo de Edición de Video 2026 – Premiere Pro y After Effects Desde Cero a Experto +10 HR
Curso de edición de vídeo que recorre Premiere Pro y After Effects: capas, keyframes, máscaras, textos, cámara 3D y objetos GLB, con ejercicios prácticos de animación y montaje de un reel 3D.
Adobe Photoshop para principiantes - Segunda parte
Segunda parte de un curso de Photoshop: capas, tamaño y resolución, color, selecciones, retoque y creación de títulos en 21 lecciones.
AI & UX Ethics: decisiones con criterio humano
Enseña a usar IA en UX con criterio ético: riesgos, un framework para decidir qué automatizar y métricas para evaluar resultados en research, diseño y microcopy.