Figma para principiantes: guía completa 💻 | Diseña tu primera app paso a paso 📱🪴 | 2026 UX/UI
por Estrella Gracia
Introducción a Figma desde cero: interfaz, frames y autolayout, y diseño guiado de una app con navbar, tipografía, tarjetas y prototipo.
Recomendado, valoración editorial 4 de 5
verificado 2026-09-28 — sigue siendo gratis en YouTube
Empezar en YouTubeRespuesta rápida
Curso gratis de Diseño de nivel principiante en YouTube impartido por Estrella Gracia (40 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 28 de septiembre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que nunca han abierto Figma y quieren un primer contacto guiado con el programa.
- Nivel
- Principiante
- Duración
- 40 min · 10 capítulos
- Precio
- Gratis en YouTube
- Autor
- Estrella Gracia
- Publicado
- 2026
- Plan sugerido
- 1 sem. · 1.5 h/sem.
- Verificado
- el 28 de septiembre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Una introducción compacta y bien estructurada a Figma, con un diseño de app guiado de principio a fin. Es ideal para quien empieza de cero y quiere resultados rápidos; quien busque profundidad necesitará un curso más largo después.
Puntos fuertes
- Combina teoría breve con un proyecto práctico guiado de principio a fin.
- Capítulos claros que permiten volver a secciones concretas.
- Publicado en 2026, actual para una herramienta que cambia con frecuencia.
- La descripción indica que hay un archivo de Figma para seguir el ejercicio tal cual.
A tener en cuenta
- Con 40 minutos solo cubre lo básico; la propia autora plantea una posible parte dos con conceptos avanzados.
- Teoría de frames y autolayout relativamente breve (unos 7 minutos).
De qué trata
Tutorial de unos 40 minutos para empezar con Figma desde el primer día. Se divide en 10 capítulos: primero explica qué es Figma, recorre la interfaz y las herramientas, y presenta los frames y el autolayout.
Después, en la parte "Diseña conmigo", se construye un primer diseño de app paso a paso: frames y grids, navbar, tipografía y tarjetas, hasta llegar al resultado final y el prototipo. La descripción indica que se puede seguir con un archivo de Figma preparado.
- Interfaz y herramientas de Figma
- Frames y autolayout
- Diseño guiado de una app paso a paso
- Navbar, tipografía y tarjetas
- Resultado final y prototipo
Para quién es este curso
- Personas que nunca han abierto Figma y quieren un primer contacto guiado con el programa.
- Quien quiera terminar con un primer diseño de app hecho y listo para compartir.
- Estudiantes o autodidactas de diseño UX/UI que prefieren aprender siguiendo un ejemplo práctico.
Mejor busca otro si…
- Quien ya maneja frames, autolayout y prototipos en Figma y busca conceptos avanzados.
- Quien necesite un curso extenso y profundo de UX/UI; son solo 40 minutos.
Antes de empezar
- Parte de cero: la guía se plantea para el primer día en Figma.
Qué sabrás hacer al terminar
- Reconocer la interfaz y las herramientas principales de Figma.
- Entender el uso de frames y autolayout.
- Configurar frames y grids para una pantalla de app.
- Diseñar un navbar, aplicar tipografía y crear tarjetas.
- Montar un prototipo sencillo a partir del diseño terminado.
Estructura del curso
- 01
Introducción y conceptos básicos
Qué es Figma y recorrido por la interfaz y las herramientas. Desde 0:00 hasta el minuto 7:55.
- 02
Frames y autolayout
Explicación teórica de los frames y del autolayout antes de pasar a la práctica. Desde 7:55.
- 03
Diseña conmigo: estructura y navbar
Comienza el ejercicio guiado con frames y grids (15:46) y la construcción del navbar (19:39).
- 04
Diseña conmigo: tipografía y tarjetas
Aplicación de la tipografía (25:52) y creación de tarjetas (29:50).
- 05
Resultado, prototipo y cierre
Revisión del diseño final y prototipo desde 38:37, con despedida a las 39:34.
Capítulos del vídeo
- 0:00Intro + Qué es Figma
- 1:38Interfaz y herramientas
- 7:55Los frames y el autolayout
- 14:45Diseña conmigo
- 15:46Diseña conmigo: Frames y grids
- 19:39Diseña conmigo: El navbar
- 25:52Diseña conmigo: La tipografía
- 29:50Diseña conmigo: Tarjetas
- 38:37Diseña conmigo: Resultado y prototipo
- 39:34Despedia
Plan de estudio sugerido
1 semana · unas 1,5 h por semana
- 1.Sesión 1: mira la intro, interfaz y herramientas (0:00-7:55) y explora Figma por tu cuenta.
- 2.Sesión 2: frames y autolayout (7:55-14:45); prueba a crear frames y aplicar autolayout.
- 3.Sesión 3: sigue 'Diseña conmigo' (14:45-38:37) pausando en cada bloque: grids, navbar, tipografía y tarjetas.
- 4.Sesión 4: termina el prototipo y repite el diseño con tus propios cambios.
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 en paralelo y pausa en cada capítulo de 'Diseña conmigo' para replicar cada paso.
- Usa el archivo de Figma de la descripción para comparar tu resultado con el original.
- Tras el navbar y las tarjetas, rehazlos cambiando textos y tamaños para afianzar el autolayout.
- Revisa los capítulos de frames y autolayout si algo no encaja al llegar a las tarjetas.
Antes y después de este curso
- Después de este curso💻 Curso Figma desde CERO | Curso de Introducción a FigmaCurso de introducción más extenso para profundizar tras este primer diseño.
- Después de este cursoLearn Figma - UI/UX Design Full CourseCurso completo de Figma y UI/UX para seguir avanzando (en inglés).
- AlternativaCURSO de FIGMA 2025 DESDE CERO | Curso de IntroducciónOtra introducción a Figma desde cero, con más recorrido.
Cómo lo presenta Estrella Gracia
El tutorial que más tiempo lleváis pidiéndome en el canal: cómo empezar a usar Figma. Una guía con todo lo que me hubiera gustado saber a mí el primer día que abrí el programa. Y, además, acabáis el vídeo con vuestro primer diseño ya hecho y listo para compartir 🪴
Lo he dividido en secciones para que podáis revisitarlo o ir directamente a las partes que más os interesen, así que navegad por el…
Extracto de la descripción original en YouTube.
Preguntas frecuentes
+¿Necesito experiencia previa?
No. La guía está pensada para quien abre Figma por primera vez, según la descripción.
+¿Cuánto dura y cómo se organiza?
Dura unos 40 minutos y tiene 10 capítulos: introducción, interfaz, frames y autolayout, y un ejercicio guiado que termina en un prototipo.
+¿Puedo seguirlo con un archivo de ejemplo?
La descripción menciona un archivo de Figma preparado para seguir el vídeo tal cual se plantea.
+¿Qué hago después?
Puedes pasar a un curso de Figma más largo del catálogo o esperar una posible parte dos con conceptos avanzados, que la autora propone según los comentarios.
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 Estrella Gracia; 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.