Máster en Diseño UX/UI y Maquetación Web
Aprende a crear experiencias digitales que conecten con los usuarios y funcionen perfectamente.
- Diseña y construye con Figma y HTML/CSS
- Usa metodologías reales que aplican los equipos
- Crea tu propio proyecto desde el primer día
Desde 105 €/mes
Financia tu formación hasta 36 meses sin intereses. *Consulta todas las opciones disponibles
HTML + CSS
Diseño profesional y moderno
UX Research
Investiga y define proyectos reales
Figma + Notion
Diseño y organiza como en un equipo de producto
Portfolio
De la idea al producto final
Información req.query.query
Fecha de inicio Octubre de 2026
Fecha de finalización Mayo de 2027
Modalidad Online
Plazas 12
Duración 354H
Horarios 16:45H - 20:00H
Tu toolkit como UX/UI Designer y Desarrollador Web.setupUXMaster()
Del diseño al código: una metodología 100% práctica
Desde el primer día diseñarás interfaces, trabajarás con herramientas reales, recibirás feedback de profesionales y presentarás tu trabajo como si formaras parte de un equipo de producto. Usamos metodologías ágiles, revisiones de diseño y presentaciones profesionales. No vienes a estudiar: vienes a crear experiencias digitales como se hace en la vida real.
New FlashDataAcademy()
Aprende a programar30
31
32
33
34
35
36
37
38
39
40
41
42
var academy = new FlashDataAcademy {
Experiencia = 25,
Modalidad = "100% práctica",
Backend = true,
UX_Designer = true,
Mentores = Profesionales.EnActivo(),
Objetivo = "Convertir en profesionales"
};
var flashDataAcademy = new CampusFlashData {
objetivo= "Formar profesionales",
metodologia= "Aprendizaje práctico y tutorizado",
modo=new List<string> {"Backend", "ux-ui"}
};
De cero al diseño profesional este es un roadmap
Cada módulo está diseñado para construir tus habilidades paso a paso: empiezas desde la base del diseño y terminas creando interfaces que podrías presentar en cualquier entrevista. Aquí no estudias temas sueltos: dominas el diseño UX/UI como se trabaja en una empresa.
Contenido del máster
01. HTML semántico y estructura profesional
Cómo estructurar páginas con etiquetas correctas para accesibilidad y mantenibilidad.
02. CSS moderno y responsive design
Conceptos actuales de CSS para que las páginas se adapten a cualquier pantalla.
03. Layouts con Flexbox y CSS Grid
Crear diseños complejos y fluidos usando Flexbox y Grid de forma práctica.
04. Formularios accesibles y buenas prácticas
Construir formularios claros, accesibles y fáciles de usar.
05. Responsive Design aplicado
Adaptar interfaces a distintos dispositivos con técnicas y breakpoints.
06. Librerías CSS: Bootstrap y Tailwind
Usar frameworks CSS para acelerar maquetación y mantener coherencia visual.
07. Introducción práctica al frontend orientado al diseño
Ejercicios reales para aplicar maquetación y estructura desde el diseño.
01. JavaScript para interacción y comportamiento
Añadir dinamismo a interfaces con JS para mejorar la experiencia.
02. Manipulación del DOM y eventos
Gestionar elementos y responder a acciones del usuario con código.
03. Estados visuales y feedback al usuario
Crear respuestas visuales claras para acciones y cambios de estado.
04. Introducción a frameworks modernos
Panorámica de frameworks que facilitan construir interfaces reactivas.
05. React aplicado a componentes
Componentes reutilizables y manejo de estado para interfaces dinámicas.
06. Librerías UI profesionales (Material UI)
Usar componentes avanzados y consistentes para acelerar el desarrollo.
07. Git y control de versiones
Flujo básico de Git para controlar cambios y colaborar en proyectos.
08. Publicación de proyectos reales
Pasos prácticos para subir y alojar tus demos en Internet.
09. IA como apoyo al flujo frontend
Herramientas IA que ayudan a generar código, ideas y acelerar tareas.
01. Fundamentos de UX y diseño centrado en el usuario
Principios para diseñar experiencias pensadas en necesidades reales.
02. Design Thinking y Double Diamond
Metodologías para descubrir problemas y diseñar soluciones iterativas.
03. Investigación cualitativa y cuantitativa
Técnicas para recopilar datos y entender usuarios y contexto.
04. Entrevistas, encuestas y análisis competitivo
Cómo obtener información útil mediante técnicas de investigación.
05. User personas y customer journeys
Modelar usuarios y sus recorridos para tomar decisiones de diseño.
06. Arquitectura de la información
Organizar contenido para que los usuarios encuentren lo que necesitan.
07. User flows y task flows
Diagramar pasos del usuario para optimizar tareas y objetivos.
08. Wireframes y definición de experiencias
Bocetar interfaces y flujos antes de pasar al diseño visual.
01. Principios de diseño visual y jerarquía
Reglas para ordenar información y guiar la atención del usuario.
02. Tipografía, color y composición
Elegir tipografías, paletas y componer elementos con sentido.
03. Diseño responsive y mobile-first
Diseñar pensando primero en móvil y luego escalar a pantallas grandes.
04. Accesibilidad visual aplicada
Crear interfaces legibles y utilizables por más personas.
05. Diseño de componentes y patrones UI
Construir componentes reutilizables y consistentes.
06. Sistemas de diseño y design tokens
Estructurar estilos y tokens para mantener coherencia y escalabilidad.
07. Motion y microinteracciones
Uso de pequeñas animaciones para mejorar la usabilidad y el feedback.
08. Referentes: Material, Human, Carbon
Estudio de guías de diseño usadas en la industria como referencia.
01. Auto Layout
Diseñar componentes que se adaptan automáticamente según contenido.
02. Componentes y variantes
Crear componentes reutilizables con estados y variantes.
03. Librerías compartidas
Organizar archivos y recursos para trabajo en equipo.
04. Variables y estilos globales
Gestionar colores, tipografías y tokens desde un lugar central.
05. Prototipado interactivo
Construir prototipos clicables para validar flujos y pruebas de usuario.
06. Handoff para desarrollo
Preparar diseños para que los devs implementen con claridad.
07. Organización profesional de archivos
Buenas prácticas para mantener proyectos escalables y colaborativos.
08. IA integrada en Figma
Usar funciones IA para acelerar tareas de diseño y documentación.
01. Herramientas IA (ChatGPT, Grok, Cursor...)
Panorámica de herramientas útiles para diseño y código.
02. GitHub Copilot y asistentes de código
Aumentar productividad generando y completando código.
03. Automatización de tareas de diseño
Flujos que usan IA para generar variantes, assets y documentación.
04. Optimización de flujos de trabajo
Cómo integrar IA para ahorrar tiempo sin perder calidad.
05. Ética y buenas prácticas
Usar IA con criterio, revisar resultados y garantizar calidad humana.
01. UX Research aplicada al proyecto
Investigar usuarios y contexto para fundamentar decisiones.
02. Arquitectura de información y user flows
Definir la estructura y los recorridos principales del producto.
03. Diseño visual y sistema de diseño
Crear la interfaz y el sistema que garantice coherencia.
04. Prototipado interactivo y pruebas
Probar la experiencia con prototipos antes de implementar.
05. Frontend y publicación del proyecto
Desarrollar y desplegar una versión pública del proyecto.
06. Periodo adicional de entrega y revisión
Tiempo extra para pulir y presentar el proyecto con apoyo docente.
01. Casos de estudio UX/UI
Documentar proyectos con contexto, decisiones y resultados.
02. Presentación visual de proyectos
Cómo mostrar proyectos de forma clara y atractiva.
03. Organización y estructura del portfolio
Estructurar la web del portfolio para facilitar evaluación.
04. Publicación online de trabajos
Opciones y pasos para alojar tu portfolio en la web.
05. Documentación de procesos y decisiones
Explicar el proceso de diseño para mostrar criterio profesional.
Piensa, diseña y desarrolla como un profesional
Aquí no vienes a repetir teoría. Desde el primer día creas interfaces, usas herramientas reales y recibes feedback de profesionales en activo. Lo que aprendes, lo aplicas. Lo que construyes, lo muestras.
Casos reales. Proyectos reales
Analiza problemas reales de usuarios, resuélvelos con diseño y aprende cómo piensan los profesionales.
Herramientas del presente
Trabaja con las tecnologías y metodologías que usan las empresas hoy en día, no con versiones obsoletas.
Contactos que abren puertas
Conecta con profesionales del sector y accede a oportunidades laborales reales a través de nuestra red.
Crea tu primer proyecto en equipo, desde cero
Diseñarás una interfaz real en equipo, tal y como se trabaja en el sector. Tu diseño se integrará con el desarrollo Backend, y juntos presentaréis el proyecto en una revisión final de producto.
Diseño UX/UI desde cero
Aprenderás a crear interfaces centradas en el usuario paso a paso.
Prototipo funcional de principio a fin
Desde el wireframe hasta el prototipo interactivo, tu diseño estará listo para desarrollo.
Trabajo colaborativo en equipo
Gestionarás feedback de usuarios y stakeholders junto a otros perfiles, como en el entorno profesional.
Metodologías ágiles de diseño
Design sprints, user testing y presentaciones profesionales en grupo.
Ellos empezaron donde tú estás hoy
Descubre cómo alumnos de FlashData Academy pasaron de empezar desde cero a desarrollar proyectos reales, ganar confianza y prepararse para trabajar en el sector tecnológico.
Un mentor que te acompañará en cada línea de código.
Tu mentor lleva años diseñando y ahora te acompaña en este camino. Compartirá contigo su experiencia, su forma de trabajar y todo lo que ha aprendido resolviendo problemas reales en el día a día.
María UX Designer
Diseñadora UX/UI, Product Designer y Maquetadora Web, con expertise en Diseño Gráfico y Branding.
Luis UX/UI Designer && Web Developer
Especialista en experiencia de usuario y diseño de interfaces digitales. Combina diseño UX/UI, desarrollo web y formación para crear productos digitales intuitivos.
Cristina IT Project Manager
Gestiona proyectos tecnológicos y equipos, con enfoque en talento y procesos.
Mónica Diseñadora Gráfica
Diseña productos digitales y lidera su desarrollo como Product Owner.
Estás a un paso de convertirte en Diseñador UX/UI y Desarrollador Web
Déjanos tus datos y te ayudaremos a resolver cualquier duda sobre el máster. Te explicamos cómo funciona la formación, cómo empezar y cuál es el siguiente paso para convertirte en Diseñador UX/UI y Desarrollador Web
Rellena el formulario
Déjanos tus datos y tu motivación para formarte con nosotros.
Te contactamos
Hablamos contigo para explicarte cómo funciona el máster y resolver tus dudas.
Entrevista personal
Conocemos tus objetivos y valoramos si encajas con nuestra metodología.
¡Bienvenido al máster!
Si todo está alineado, te damos la bienvenida. Empieza tu camino profesional.