Clon Airbnb | Figma Tutorial Español para principantes
por Diego Velazquez
Curso práctico de Figma en el que se diseña un clon de Airbnb para iniciarse en UI: variables, componentes, variants, Design System y grid.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Diseño de nivel principiante en Udemy impartido por Diego Velazquez (1 h 50 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que empiezan en Figma y quieren aprender con un proyecto concreto de página web.
- Nivel
- Principiante
- Duración
- 1 h 50 min · 7 lecciones
- Precio
- Gratis en Udemy
- Autor
- Diego Velazquez
- Plan sugerido
- 1 sem. · 4 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso breve y práctico para iniciarse en UI con Figma mediante un clon de Airbnb, con un temario de conceptos claro. Conviene a principiantes que quieran un primer proyecto; la información publicada es limitada y no permite valorar el detalle de cada lección.
Puntos fuertes
- Aprendizaje basado en un proyecto concreto y reconocible.
- Lista clara de conceptos de Figma que se practican.
- Duración corta, asumible en pocas sesiones.
A tener en cuenta
- Solo figura un capítulo (Introducción), así que no se puede detallar el orden de las lecciones.
- No consta el año de publicación, y Figma cambia con frecuencia su interfaz.
- La descripción no menciona ejercicios ni material descargable.
- Con 110 minutos, la profundidad en temas como Design System o variants será limitada.
De qué trata
Curso de UI y diseño visual en español, pensado para principiantes, que propone diseñar un clon de Airbnb con Figma. Tiene una duración de 110 minutos repartidos en 7 lecciones, de las que los datos solo detallan la introducción.
Según su descripción, se practican variables de color y de texto, botones, tipografías, imágenes, máscaras, creación y reutilización de componentes, variants, plugins, un grid y la creación de un Design System. El objetivo es entender las bases del diseño de páginas web en Figma siguiendo un proyecto concreto.
- Variables de color y de texto
- Componentes reutilizables y variants
- Creación de un Design System
- Botones, máscaras, tipografías e imágenes
- Uso de plugins y creación de un grid
Para quién es este curso
- Personas que empiezan en Figma y quieren aprender con un proyecto concreto de página web.
- Quien se acerca al diseño UI y busca una práctica corta para entender variables, componentes y Design System.
Mejor busca otro si…
- Quien ya domina componentes, variants y variables en Figma y busca contenido avanzado.
- Quien necesita un curso largo y profundo de UX/UI completo: este dura menos de dos horas.
Antes de empezar
- Se presenta para principiantes; no se indican conocimientos previos de diseño.
Qué sabrás hacer al terminar
- Diseñar una página web inspirada en Airbnb dentro de Figma.
- Crear variables de color y de texto para mantener un estilo coherente.
- Crear y reutilizar componentes, y usar variants.
- Montar un Design System básico y un grid de maquetación.
- Aplicar máscaras, tipografías, imágenes y plugins en un diseño.
Estructura del curso
Capítulos del vídeo
- 01Introducción
Plan de estudio sugerido
1 semana · unas 4 h por semana
- 1.Sesión 1: introducción y primeras lecciones; abre Figma y replica lo que se explica (variables de color y texto).
- 2.Sesión 2: botones, tipografías, imágenes y máscaras; practica con tus propias variaciones.
- 3.Sesión 3: componentes, variants y Design System; reutiliza componentes en distintas pantallas.
- 4.Sesión 4: grid y plugins; repasa el diseño completo y ajústalo.
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
- Ten Figma abierto desde el principio y reproduce cada paso en lugar de solo mirar.
- Al crear variables y componentes, ponles nombres claros: facilita el Design System final.
- Al terminar, rehaz alguna pantalla con tus propios colores y textos para comprobar que entiendes las variables.
- Pausa en las lecciones de componentes y variants hasta que puedas repetirlas sin el vídeo.
Antes y después de este curso
- Antes de este curso💻 Curso Figma desde CERO | Curso de Introducción a FigmaIntroducción a Figma desde cero, útil si necesitas más base antes de este proyecto.
- AlternativaFigma para principiantes: guía completa 💻 | Diseña tu primera app paso a paso 📱🪴 | 2026 UX/UIOtro curso de Figma para principiantes, centrado en diseñar una app paso a paso.
- Después de este cursoIntroducción teórica al Diseño UX/UIAporta la base teórica de UX/UI para complementar la práctica en Figma.
Cómo lo presenta Diego Velazquez
Curso de UI y Diseño Visual. Aprenderás a dominar Figma para crear diseños visuales increíbles en páginas web
En este curso aprenderás a diseñar un clon de Airbnb con Figma para adentrarte en el mundo del UI. También aprenderás a crear variables de color, de tipografía, creación de componentes y mucho más. Es el curso perfecto para conocer conceptos básicos de diseño web en Figma, una excelente…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber diseño para empezar?
Se presenta como curso para principiantes y la descripción habla de conceptos básicos de diseño web en Figma, por lo que no indica requisitos previos.
+¿Cuánto dura?
Son 110 minutos en 7 lecciones. Con pausas para practicar, puede completarse en una semana a un ritmo de unas 4 horas.
+¿Qué se practica?
Variables de color y texto, botones, máscaras, tipografías, imágenes, componentes, variants, plugins, un grid y un Design System.
+¿Qué puedo hacer después?
Puedes reforzar con un curso de Figma más amplio o con una introducción teórica a UX/UI del catálogo.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Diego Velazquez; 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.