Diseña una página web increíble con Adobe XD Template gratis
por Diego Velazquez
Diseña una página web completa con Adobe XD, creando variables de color y tipografía y componentes. Incluye un template descargable en Bootstrap 4.
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 en Udemy impartido por Diego Velazquez (1 h 48 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 quieren iniciarse en el diseño web y buscan un proyecto guiado con Adobe XD.
- Duración
- 1 h 48 min · 11 lecciones
- Precio
- Gratis en Udemy
- Autor
- Diego Velazquez
- Plan sugerido
- 2 sem. · 3.5 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso corto y práctico para diseñar una página web con Adobe XD, con variables, componentes y un template Bootstrap 4 descargable. Resulta útil para quien empieza en diseño web, aunque la información publicada es limitada y no consta su fecha.
Puntos fuertes
- Proyecto práctico y concreto: diseñar una página web completa de principio a fin.
- Estructura clara en tres bloques y 11 lecciones, con una duración manejable de unas 1 h 48 min.
- Incluye un template en Bootstrap 4 descargable según la descripción.
A tener en cuenta
- No consta el año de publicación; Adobe XD puede haber cambiado desde entonces.
- La descripción no detalla el nivel ni menciona ejercicios o material adicional.
- Los capítulos son pocos y generales, así que se sabe poco del detalle de cada lección.
De qué trata
Curso de Udemy de unos 108 minutos y 11 lecciones en el que se diseña paso a paso una página web atractiva con Adobe XD, pensado como introducción al diseño web.
Se organiza en tres bloques: una introducción, la preparación de elementos y el diseño de la página en Adobe XD. Durante el diseño se enseña a crear variables de color y de tipografía y componentes. Según la descripción, también se puede descargar un template en Bootstrap 4 para usarlo como página web propia.
- Diseño de una página web completa en Adobe XD
- Variables de color y de tipografía
- Creación de componentes
- Template gratuito en Bootstrap 4
- Nociones de diseño UI y UX
Para quién es este curso
- Personas que quieren iniciarse en el diseño web y buscan un proyecto guiado con Adobe XD.
- Quienes desean aprender a crear variables de color, de tipografía y componentes en Adobe XD.
- Aprendices que quieran partir de un template en Bootstrap 4 para usarlo como base de su propia web.
Mejor busca otro si…
- Quienes ya manejan Adobe XD y los componentes y buscan contenidos avanzados.
- Quienes prefieren aprender con Figma u otra herramienta distinta de Adobe XD.
Antes de empezar
La información publicada del curso no detalla requisitos previos.
Qué sabrás hacer al terminar
- Diseñar una página web completa en Adobe XD siguiendo un proceso guiado.
- Crear variables de color y de tipografía dentro del proyecto.
- Crear y reutilizar componentes en Adobe XD.
- Preparar los elementos necesarios antes de maquetar el diseño.
- Entender nociones básicas de diseño UI y UX aplicadas a una web.
Estructura del curso
- 01
Introducción
Presentación del curso y del proyecto: una página web atractiva diseñada con Adobe XD.
- 02
Preparación de elementos
Se prepara el material necesario antes de diseñar la página, como base para el trabajo posterior.
- 03
Diseño de la página web con Adobe XD
Bloque principal del curso: se diseña la página en Adobe XD, con variables de color y de tipografía y creación de componentes. La descripción indica que se puede descargar el template en Bootstrap 4.
Capítulos del vídeo
- 01Introducción
- 02Preparación de elementos
- 03Diseño de la página web con Adobe XD
Plan de estudio sugerido
2 semanas · unas 3,5 h por semana
- 1.Semana 1, sesión 1: ve la introducción y la preparación de elementos, y reúne tú mismo los recursos que se indiquen.
- 2.Semana 1, sesión 2: empieza el bloque de diseño en Adobe XD y reproduce cada paso en tu propio archivo.
- 3.Semana 2, sesión 1: practica las variables de color y de tipografía y la creación de componentes.
- 4.Semana 2, sesión 2: termina la página, revisa el resultado y adapta el diseño con tus propios textos e imágenes.
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 Adobe XD a la vez que el vídeo y pausa en cada paso para replicarlo en tu propio archivo.
- Descarga el template en Bootstrap 4 mencionado en la descripción y compáralo con tu diseño final.
- Al llegar a los componentes y variables, repítelos en otra sección para fijar el procedimiento.
- Al terminar, rediseña la página con otro tema para comprobar que has entendido el proceso.
Antes y después de este curso
- Alternativa💻 Curso Figma desde CERO | Curso de Introducción a FigmaEnseña diseño de interfaces con Figma, otra herramienta que cubre un terreno similar al de Adobe XD.
- Antes de este cursoIntroducción teórica al Diseño UX/UIAporta una base teórica de UX/UI que ayuda a entender las decisiones de diseño del curso.
- Después de este cursoCurso de maquetación web de lo básico a lo avanzadoPermite pasar del diseño visual a la maquetación web.
Cómo lo presenta Diego Velazquez
Aprende a diseñar una página web atractiva con Adobe XD, incluye template gratis de Bootstrap 4
En este curso aprenderás a crear una atractiva página web con Adobe XD para adentrarte en el mundo del diseño web. También podrás aprender a crear variables de color, de tipografía y la creación de componentes. Además podrás descargar el template en Bootstrap 4 para utilizarla como tu página web.
Lo…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Cuánto dura el curso?
Unos 108 minutos repartidos en 11 lecciones y tres bloques: introducción, preparación de elementos y diseño de la página. Con pausas para practicar, cuenta con unas 3 a 4 horas.
+¿Qué se aprende exactamente?
A diseñar una página web con Adobe XD, a crear variables de color y de tipografía y componentes, y a manejar la herramienta. La descripción también menciona nociones de diseño UI y UX.
+¿Incluye algún template?
Sí, la descripción indica que se puede descargar un template en Bootstrap 4 para usarlo como tu página web.
+¿Está actualizado?
No consta el año de publicación, así que conviene comprobar si tu versión de Adobe XD coincide con la del vídeo.
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.