CURSO de FIGMA 2025 DESDE CERO | Curso de Introducción
por afor digital
Introducción a Figma desde cero: interfaz, herramientas, Autolayout con ejercicio de landing, estilos y componentes con variantes.
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 afor digital (2 h 01 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 nunca han usado Figma y quieren aprender su interfaz y herramientas básicas.
- Nivel
- Principiante
- Duración
- 2 h 01 min · 27 capítulos
- Precio
- Gratis en YouTube
- Autor
- afor digital
- Publicado
- 2025
- Plan sugerido
- 3 sem. · 4 h/sem.
- Verificado
- el 9 de septiembre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso introductorio bien estructurado que cubre lo esencial de Figma, con ejercicio práctico de Autolayout y una parte final de estilos y componentes. Muy adecuado para quien empieza de cero. Conviene tener en cuenta los cortes de audio que menciona el autor.
Puntos fuertes
- Progresión clara de la interfaz a Autolayout, estilos y componentes.
- Incluye un ejercicio práctico de landing de unos 30 minutos.
- 27 capítulos bien marcados que facilitan volver a cada tema.
- Publicado en 2025, reciente para una herramienta que cambia a menudo.
A tener en cuenta
- El autor avisa de cortes de audio en algunas partes.
- Es una introducción: no enseña teoría de diseño web ni de producto.
- Las variables se mencionan en un capítulo, pero el detalle visible se centra en estilos.
De qué trata
Curso de introducción a Figma de unas dos horas, organizado en 27 capítulos. Comienza explicando qué es Figma, sus planes, Figma for devs y la comunidad, y después recorre la interfaz y las herramientas básicas: frames, formas, vectores, texto, comentarios y plugins.
La parte central se dedica a Autolayout, con un ejercicio en el que se rehace una landing aplicando buenas prácticas. El tramo final trata los estilos de color, sombras, tipografías y grids, y termina con la creación de componentes y variantes. Se puede seguir con una cuenta gratuita.
- Interfaz, frames, formas, vectores y texto
- Autolayout con ejercicio de landing
- Estilos de color, sombras, tipografía y grids
- Componentes y variantes
- Figma for devs y plugins
Para quién es este curso
- Personas que nunca han usado Figma y quieren aprender su interfaz y herramientas básicas.
- Desarrolladores o perfiles no diseñadores que necesitan entender Figma para colaborar con diseño.
- Quien quiera empezar con una cuenta gratuita y practicar con un ejercicio de landing.
Mejor busca otro si…
- Quien ya domina Autolayout, estilos y componentes con variantes.
- Quien busca aprender teoría de diseño web o de producto: el autor aclara que es un curso de Figma, no de diseño.
Antes de empezar
- No se requiere experiencia previa en Figma: el curso parte desde cero.
- Una cuenta gratuita de Figma, suficiente para seguir el tutorial.
Qué sabrás hacer al terminar
- Manejar la interfaz de Figma: páginas, capas, atajos y herramientas de edición.
- Crear y organizar frames, formas, vectores y textos.
- Aplicar Autolayout para maquetar una landing con buenas prácticas.
- Definir estilos de color, sombras, tipografías y grids.
- Crear componentes y variantes reutilizables.
Estructura del curso
- 01
Introducción y contexto de Figma
Desde 0:00. Qué es Figma, planes, Figma for devs (de Figma a código), proyectos y comunidad.
- 02
Interfaz y herramientas básicas
Desde 8:53. Pages, layers y shortcuts, menú inferior, herramienta Scale, frames, sections y slices, formas, vectores, Pen y Pencil, texto y tipografía.
- 03
Colaboración, plugins y alineación
Desde 24:39. Comentarios, instalación de plugins y menú de acciones, Figma for devs, posición y alineamiento de objetos.
- 04
Autolayout y ejercicio de landing
Desde 32:45. Layout y Autolayout, cómo trabajar con él y ejercicio práctico rehaciendo una landing con buenas prácticas (desde 42:25).
- 05
Variables y estilos
Desde 1:12:40. Paleta de colores con estilos, sombras (1:22:49), tipografías (1:25:06) y grids (1:30:13).
- 06
Componentes, variantes y cierre
Desde 1:34:40. Creación de componentes y variantes. Conclusión y despedida desde 1:58:19.
Capítulos del vídeo
- 0:00Introducción
- 2:00¿Qué es Figma?
- 4:30Planes de Figma
- 5:45Figma for devs o de Figma a código
- 7:32Proyectos en Figma y la comunidad
- 8:53Entendiendo la interfaz de Figma - Pages, Layers y Shortcuts
- 11:15Menú inferior de edición
- 12:15Herramienta de Scale
- 14:15¿Qué es un Frame, Section, Slice y para qué sirve?
- 18:45Formas en Figma
- 21:12Manipulación de vectores en Figma
- 22:15Herramienta Pen y Pencil en Figma
Ver los 15 restantes
- 22:39Herramienta de Texto y Tipografïa en Figma
- 24:39¿Cómo realizar comentarios en Figma?
- 26:05¿Cómo instalar plugins en Figma, menú de acciones?
- 27:05Figma for devs
- 28:42Posición y alineamiento de objetos en Figma
- 32:45Layout y Autolayout en Figma
- 34:00¿Cómo trabajar con Autolayout en Figma?
- 42:25Ejercicio: Rehacemos una landing con Autolayout y buenas prácticas
- 1:12:40Variables y estilos en Figma
- 1:14:15Creación de una paleta de colores con estilos
- 1:22:49Definir nuestros estilos de sombras
- 1:25:06Definir nuestros estilos de tipografías
- 1:30:13Definir nuestros estilos de grids
- 1:34:40Creación componentes y variantes
- 1:58:19Conclusión y despedida
Plan de estudio sugerido
3 semanas · unas 4 h por semana
- 1.Semana 1: capítulos 0:00–32:45. Explora la interfaz y practica formas, vectores, texto y alineación.
- 2.Semana 2: 32:45–1:12:40. Practica Autolayout y rehaz la landing tú mismo.
- 3.Semana 3: 1:12:40–final. Crea estilos y componentes con variantes en tu propio archivo.
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 con una cuenta gratuita y sigue el vídeo en paralelo, pausando en cada herramienta.
- En el ejercicio de la landing (42:25–1:12:40) intenta avanzar antes de ver la solución.
- Tras los estilos, aplícalos a tu landing para ver el efecto antes de crear componentes.
- Repasa la sección de Autolayout si los componentes te resultan confusos.
Antes y después de este curso
- Alternativa💻 Curso Figma desde CERO | Curso de Introducción a FigmaOtro curso de introducción a Figma desde cero.
- AlternativaFigma para principiantes: guía completa 💻 | Diseña tu primera app paso a paso 📱🪴 | 2026 UX/UIGuía para principiantes que diseña una app paso a paso.
- Después de este cursoTaller de UX con Carmen Ansio: Figma para programadoresFigma orientado a programadores, para continuar con el enfoque de desarrollo.
Cómo lo presenta afor digital
A tener en cuenta antes de empezar: Este no es un curso de diseño, sino un curso de Figma, en la introducción doy consejos si queréis aprender diseño web o producto. Se podrá seguir el tutorial con una cuenta totalmente gratuita. Siento los cortes de audio que hay en algunos partes, ya estoy trabajando en ello.
¡A disfrutar y a diseñar! Deja tus dudas y tu feedback en los comentarios para más…
Extracto de la descripción original en YouTube.
Preguntas frecuentes
+¿Necesito pagar Figma para seguirlo?
No. Según la descripción, el tutorial se puede seguir con una cuenta totalmente gratuita.
+¿Es un curso de diseño?
No. El autor aclara que es un curso de Figma; en la introducción da consejos para quien quiera aprender diseño web o de producto.
+¿Cuánto dura?
Unas 2 horas en 27 capítulos. Con práctica, unas 3 semanas a 4 horas semanales.
+¿Incluye práctica?
Sí, un ejercicio en el que se rehace una landing con Autolayout y buenas prácticas, desde 42:25.
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 afor digital; 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.