Máster en Diseño UX/UI y Desarrollo 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
4.970€
Reserva tu plaza
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 Febrero de 2026
Fecha de finalización Septiembre de 2026
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. Fundamentos de la Web y Estructura Básica de una Página
Aprenderás cómo funciona una página web y cómo organizar su contenido de forma clara desde el inicio.
02. HTML Semántico y Estructura del Contenido
Comprenderás cómo dividir y organizar información usando secciones claras que mejoran accesibilidad y comprensión.
03. Formularios, Tablas y Buenas Prácticas en HTML
Aprenderás a recoger y mostrar información ordenada aplicando prácticas profesionales para mantener código claro.
04. CSS Básico: Sintaxis, Selectores, Especificidad, Cascada y Herencia
Descubrirás cómo aplicar estilos controlando jerarquía, prioridades y organización visual en tus primeras interfaces.
05. Box Model, Display, Flujo del Documento y Posicionamiento
Comprenderás cómo se distribuye el espacio y cómo posicionar elementos creando diseños coherentes y estables.
01. Flexbox en Profundidad
Aprenderás a crear estructuras flexibles, alineaciones precisas y distribuciones equilibradas en diferentes dispositivos.
02. Grid en Profundidad
Descubrirás cómo construir maquetaciones avanzadas organizando contenido en filas y columnas con control total.
03. Responsive Design: desde la Filosofía hasta la Práctica
Comprenderás cómo adaptar diseños a móviles, tablets y escritorio manteniendo coherencia visual y usabilidad.
04. Selectores Avanzados, Pseudoclases y Pseudoelementos
Aprenderás a aplicar estilos precisos basados en estados, condiciones visuales e interacciones simples.
05. Introducción a Librerías CSS: Bootstrap y Tailwind
Descubrirás cómo usar herramientas básicas de Bootstrap y Tailwind para maquetar más rápido sin profundizar demasiado.
01. Transiciones y Animaciones en CSS
Aprenderás a crear movimientos fluidos que mejoran la experiencia sin sobrecargar la interfaz visual.
02. JavaScript Básico
Comprenderás la lógica fundamental para manejar información, tomar decisiones y estructurar soluciones simples.
03. JavaScript y el DOM: selección, manipulación y eventos básicos
Aprenderás a modificar contenido y reaccionar a acciones del usuario creando páginas interactivas.
04. Introducción a maquetar en Frameworks de JS
Descubrirás cómo editar HTML y clases dentro de proyectos Angular sin aprender el framework completo.
05. Git y Control de Versiones
En este tema aprenderás a trabajar con Git para gestionar tus proyectos de forma profesional y colaborar con otros desarrolladores.
01. Fundamentos de UX y Diseño Centrado en el Usuario
Comprende qué es UX, su proceso iterativo y cómo el diseño se centra en necesidades reales del usuario.
02. Psicología Cognitiva y Principios de Usabilidad
Aplica principios psicológicos y leyes de usabilidad para crear experiencias intuitivas y comprensibles.
03. Investigación de Usuarios y Benchmark Competitivo
Investiga usuarios y competidores para descubrir necesidades, comportamientos y oportunidades de diseño.
04. Síntesis, Personas y Mapeo de Experiencia
Transforma datos en insights mediante personas y journeys que revelan puntos de dolor y oportunidades.
05. UX e Inteligencia Artificial (IA) Aplicada
Explora cómo la IA influye en la experiencia, personalización y diseño centrado en confianza y transparencia.
01. Arquitectura de Información y Estructura del Contenido
Organiza información y valida estructuras mediante técnicas como card sorting y tree testing.
02. Ideación, Sketching y Wireframing
Genera ideas rápidamente y crea wireframes que estructuran la solución antes del diseño final.
03. Diseño de Interacción y Flujos de Usuario
Define flujos de usuario e interacciones que permiten completar tareas de forma clara y eficiente.
04. Evaluación de Usabilidad y Análisis Heurístico
Evalúa la experiencia mediante pruebas con usuarios y análisis heurísticos para detectar problemas.
05. Mejora Continua, Documentación y Handoff
Documenta hallazgos, plantea mejoras y comunica decisiones de diseño al equipo de desarrollo.
01. Principios Visuales y Jerarquía
Aprende a organizar la información mediante leyes perceptuales y jerarquía visual para guiar la atención del usuario.
02. Color, Tipografía y Accesibilidad
Domina color, tipografía y criterios WCAG para crear interfaces legibles, coherentes y accesibles.
03. Componentes y Estados de Interacción
Diseña componentes claros con iconografía coherente y estados funcionales para distintas situaciones de interacción.
04. Patrones de Interfaz y Estructura de Pantallas
Aplica patrones esenciales como navegación, formularios y modales para construir pantallas completas y coherentes.
01. Layout, Grids y Diseño Responsivo
Crea estructuras flexibles con rejillas y adapta diseños a múltiples pantallas y densidades.
02. Auto Layout, Componentes y Variants
Construye interfaces escalables usando Auto Layout, componentes reutilizables y manejo avanzado de variants.
03. Tokens de Diseño y Variables en Figma
Gestiona color, tipografía y espaciado mediante tokens y variables para sistemas escalables.
04. Prototipado, Microinteracciones y Guidelines de Plataforma
Simula flujos reales con animaciones básicas y diseña respetando patrones de Android e iOS.
01. Construcción y Documentación del Design System
Crea y documenta un Design System coherente con componentes, patrones y normas claras.
02. Automatización y Plugins (incl. IA)
Mejora tu productividad usando plugins y herramientas de IA para crear y gestionar contenido.
03. Handoff, Colaboración y Portfolio Profesional
Prepara archivos para desarrollo y presenta tu trabajo profesionalmente en portfolio y handoff.
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 ya lo han hecho, conoce su experiencia
Descubre lo más desafiante de la experiencia FlashData Academy. Testimonios reales sobre aprendizajes, retos superados, consejos prácticos y momentos que marcan la diferencia. Experiencias que te muestran lo que significa aprender de la mano de profesionales en activo y crecer en el sector tech.
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.
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.