¡Aprenderás a diseñar sitios web y/o apps móviles!
En nuestro workshop, Los estudiantes aprenderán a crear prototipos reales de sitios web y/o aplicaciones móviles según sus propios proyectos utilizando Figma, una de las herramientas más usadas por diseñadores profesionales.
Haremos 3 proyectos prácticos: (1) Un sistema de componentes reutilizables con Figma para aprender design systems, (2) Un prototipo interactivo de app móvil con animaciones para dominar prototyping avanzado, y (3) Un kit completo de diseño para startup (tipo mini design system de Uber) con branding, componentes web y móvil, guías de estilo, sistema de colores, tipografías, iconografía, templates de marketing y documentación de UX, perfecto para aprender diseño de producto aplicado al emprendimiento digital.
Además, aprenderán a utilizar de manera básica HTML y CSS para que al diseñar sus sitios web pueda mostrar a los maquetadores un producto para darle vida en la web.
¿Por qué este curso?
Diseña la web que el mundo quiere ver — con las mismas herramientas que usan Netflix, Airbnb y Spotify.
¿Para quién es?
- 🎨 Creativos y artistas digitales sin experiencia en código
- 🚀 Emprendedores que quieren lanzar su propia marca digital
- 💼 Freelancers que desean ofrecer diseño UX/UI como servicio
- 👨💻 Desarrolladores que quieren mejorar su ojo para el diseño
¿Qué lograrás?
- ✓ Dominarás Figma desde cero hasta nivel profesional
- ✓ Construirás un design system completo con más de 50 componentes
- ✓ Crearás prototipos interactivos con animaciones y Smart Animate
- ✓ Tendrás un kit de marca vendible para startups tech
- ✓ Entenderás los principios de UX: jerarquía, contraste, accesibilidad
¿Por qué Pixel Verse?
- ▸ Metodología ABP (Aprendizaje Basado en Proyectos) — aprendes haciendo, no leyendo
- ▸ 3 proyectos reales con valor de portafolio desde el primer día
- ▸ Aprenderás HTML y CSS básico para entender cómo los diseños cobran vida en la web
- ▸ Comunidad de compañeros que co-diseñan y se retroalimentan en tiempo real
Salidas laborales
Este curso es el primer paso hacia estos roles. Combínalo con otros cursos de la ruta para acelerar tu carrera.
Tecnologías del curso
PROYECTOS DEL CURSO
Aprende construyendo proyectos progresivos: desde lo básico hasta un producto emprendedor
Design System Básico con Componentes Reutilizables
Crea tu primer sistema de diseño profesional en Figma con componentes base reutilizables. Aprenderás a definir tokens de diseño para colores, tipografías y espaciados, construir componentes atómicos como botones, inputs y cards usando Auto Layout, y organizar todo en una librería compartible. El proyecto incluye documentación de uso de cada componente, variantes para diferentes estados y un archivo de ejemplos. Entenderás cómo los equipos profesionales mantienen consistencia visual en productos grandes.
Prototipo de App con Animaciones y Microinteracciones
Diseña un prototipo de aplicación móvil completamente interactivo con animaciones avanzadas. El desafío por niveles incluye: nivel 1 crear flujo de onboarding, nivel 2 añadir transiciones entre pantallas, nivel 3 implementar microinteracciones como pull-to-refresh, nivel 4 animaciones de carga y feedback visual. Cada nivel desbloqueado hace el prototipo más realista y profesional. Aprenderás Smart Animate, variables para modo oscuro, overlays para modales y cómo simular una experiencia de usuario completa sin escribir código.
Kit de Marca Completo para Startup Tech
Valor emprendedor: Kit de diseño vendible para startups
Desarrolla un paquete de diseño completo para lanzar una startup tecnológica. Incluye identidad de marca con logo, paleta de colores y tipografías, design system web y móvil con más de 50 componentes, templates de landing page, dashboard de producto, emails transaccionales y posts para redes sociales. El enfoque emprendedor te guía en crear un producto vendible a emprendedores que necesitan branding profesional sin contratar agencia. Aprenderás a empaquetar y presentar el kit, estrategia de pricing y cómo venderlo en marketplaces de diseño.
PLAN DE ESTUDIOS
De cero a diseñador profesional
Semana 1 · Fundamentos del Diseño y Figma
Principios de diseño visual, teoría del color y primeros pasos en Figma.
Semana 2 · UI Components y Design Systems
Componentes reutilizables, atomic design y sistemas de diseño escalables.
Semana 3 · UX Research y Prototipado
Investigación de usuarios, wireframes y prototipos interactivos en Figma.
Módulo Integrador
Proyecto final: aplicación completa con diseño profesional y handoff.
Contenido del Curso
Seguimiento Personalizado
Comunidad y Colaboración
Plataforma y Recursos
IA y Metodologías
Si no estás satisfecho, te devolvemos tu dinero
¿LISTO PARA DISEÑAR TU SITIO WEB?
Aprende a crear prototipos profesionales de sitios web y apps móviles con Figma. Crea interfaces hermosas y funcionales que impresionen.
¡Quiero diseñar mi web!