Curso de UX/UI: Investigación, Wireframes y Diseño en Figma

Diseñá tu primer proyecto completo de UX/UI en Figma

Al finalizar el curso vas a tener un caso completo de UX/UI: investigación breve, personas, flujo principal, wireframes, UI de alta fidelidad y prototipo navegable en Figma listo para tu portfolio. Todo el proceso lo hacés acompañado en grupos reducidos de máximo 6 personas, con feedback constante y foco en que puedas mostrar un proyecto real a estudios, agencias o empresas.

150+
10 clases en vivo (2 h cada una)
10+
Proyecto final completo de UX/UI listo para portfolio
Grupos reducidos (máx. 6 personas por cohorte)
Certificado de finalización del curso de Diseño UX/UI

Inscripción a los cursos de programación

Elegí tu camino: frontend, backend o full stack. Inscribite en los cursos online en vivo y empezá a construir proyectos profesionales en grupos reducidos. Ver próximas fechas

No hay cohortes disponibles por el momento. Consultá por WhatsApp las próximas fechas para cursar programación.

Curso de Diseño UX/UI Nivel Inicial

Este curso de UX/UI está pensado para quienes quieren diseñar experiencias digitales claras, útiles y atractivas, incluso si nunca usaron Figma ni trabajaron en producto. Es una base sólida para entender investigación, estructuras, interfaces y cómo dialogar con equipos de desarrollo. Las clases se dictan en grupos reducidos de hasta 6 personas, con práctica guiada, feedback cercano y foco en armar tu primer proyecto para portfolio.

Personas que vienen de diseño gráfico, marketing, comunicación o áreas afines y quieren pasar al diseño de productos digitales.
Desarrolladores que desean mejorar la forma en que piensan flujos, interfaces y usabilidad para construir mejores productos.
Perfiles de producto, business o project management que necesitan entender UX/UI para tomar mejores decisiones.
Equipos que buscan alinear criterio visual y de experiencia, creando bases de diseño compartidas (design system simple).

MODALIDAD

¿Cómo vas a aprender UX/UI en este curso?

Aprendés UX/UI en clases online en vivo, trabajando sobre un proyecto que vas construyendo módulo a módulo: desde la investigación y los wireframes hasta la UI final y el prototipo navegable en Figma. Cada cohorte tiene máximo 6 personas, lo que permite revisar tu trabajo en detalle, iterar sobre tus pantallas y acompañar tu proceso creativo paso a paso.

Clases en vivo con enfoque práctico

Sesiones interactivas donde bocetás, prototipás y presentás tus avances, recibiendo devoluciones concretas sobre tus decisiones de UX/UI.

Recursos, archivos y ejemplos en Figma

Acceso a archivos base, componentes, ejemplos de flujos y guías de uso de Figma para que puedas practicar entre clases y profundizar a tu ritmo.

Temario del Curso de Diseño UX/UI

En este curso de UX/UI vas a aprender a diseñar productos digitales centrados en las personas: investigación de usuarios, arquitectura de información, wireframes, principios de UI y prototipado interactivo en Figma. Es el punto de partida ideal para entrar al mundo del diseño de experiencias, trabajar mejor con equipos de desarrollo y armar tu primer portfolio. Las clases son online en vivo, en grupos reducidos de máximo 6 personas, con práctica constante, devoluciones y acompañamiento cercano.

Fundamentos de UX/UI y rol del diseñador

Qué es UX, qué es UI y cómo se complementan en productos digitales
Rol del diseñador en equipos con negocio, desarrollo y marketing
Proceso de diseño end-to-end: descubrimiento, definición, diseño y validación

Investigación de usuarios y contexto de uso

Tipos de investigación: entrevistas, encuestas y desk research
Cómo definir objetivos de investigación y guías de preguntas
Síntesis de hallazgos: patrones, necesidades y problemas reales

Personas, mapas de empatía y customer journey

Creación de personas basadas en insights de investigación
Mapas de empatía para entender motivaciones, miedos y objetivos
Customer journey: etapas, puntos de contacto, fricciones y oportunidades

Arquitectura de información y flujos de navegación

Card sorting y organización del contenido en secciones claras
Definición de menús, jerarquías y estructura de sitio/app
User flows para tareas concretas: desde el ingreso hasta la conversión

Wireframes low-fidelity y diseño estructural

Bocetado rápido en papel y wireframes low-fi en Figma
Layout, grillas simples y priorización de contenido sin distracciones visuales
Patrones básicos de interfaz: listas, formularios, tarjetas y navegación

Principios de UI: tipografía, color y espaciado

Elección tipográfica, jerarquía de títulos y texto legible
Paletas de color, contraste y uso de color para estados e importancia
Espaciado, alineación y ritmo visual para interfaces limpias

Design system: componentes, estados y consistencia

Componentes base: botones, inputs, dropdowns, tarjetas y barras de navegación
Estados de componentes: hover, focus, error, deshabilitado y loading
Creación de estilos de texto, color y componentes reutilizables en Figma

Interacción, microcopy y feedback al usuario

Definición de flujos de interacción claros en formularios y acciones críticas
Microcopy: textos breves para botones, errores, vacíos y confirmaciones
Feedback visual y mensajes que reducen la frustración y generan confianza

Prototipado en Figma y testeo con usuarios

Prototipos navegables en Figma con interacciones y transiciones básicas
Cómo preparar y conducir tests de usabilidad simples
Registro de hallazgos, iteraciones y mejoras priorizadas

Accesibilidad, diseño responsive y proyecto final

Principios básicos de accesibilidad: contraste, tamaños, foco y lectura
Diseño responsive: adaptación de layouts a mobile, tablet y desktop
Preparación y presentación del caso completo de UX/UI del curso

¿Necesito saber dibujar o tener talento artístico?

No. El diseño UX/UI se basa en lógica, patrones, empatía y estructuras, no en ilustración artística. Si puedes organizar información y tienes sentido común, puedes aprender a diseñar interfaces.

¿Tengo que saber programar para hacer este curso?

No, en absoluto. En UX/UI no escribimos código. Sin embargo, aprenderás a diseñar pensando en cómo se implementará después, lo que te hará el mejor amigo de los programadores.

¿Qué es Figma y por qué lo usamos?

Figma es la herramienta estándar de la industria hoy en día. Es gratuita (versión starter), funciona en el navegador y permite trabajar colaborativamente en tiempo real. Es el 'Google Docs' del diseño.

¿Necesito una Mac o una computadora potente?

No. Una gran ventaja de Figma es que corre en el navegador web. Puedes cursar con Windows, Mac o Linux. Cualquier computadora moderna con 8GB de RAM funciona perfecto.

¿Cuál es la diferencia entre UX y UI?

UX (Experiencia de Usuario) es cómo funciona, cómo se siente y cuán fácil es de usar. UI (Interfaz de Usuario) es cómo se ve: colores, tipografía, botones. En este curso aprendemos ambas porque son inseparables.

¿Salgo con un portfolio de este curso?

Sí, es el objetivo principal. Terminarás con un caso de estudio completo (Case Study) que muestra todo tu proceso, desde la investigación hasta el prototipo final, listo para mostrar a reclutadores.

¿Por qué el cupo es de máximo 6 personas?

El diseño es subjetivo y requiere mucha revisión. Con 6 alumnos, podemos abrir tu archivo de Figma en clase, corregir píxel por píxel y debatir tus decisiones de diseño en profundidad.

¿Aprendemos a usar Adobe XD o Sketch?

Nos enfocamos 100% en Figma porque domina el mercado laboral. Si aprendes Figma, pasar a XD o Sketch te tomará una tarde porque los conceptos son idénticos.

¿Qué es un 'Wireframe'?

Es el plano arquitectónico de la web o app. Son bocetos en blanco y negro donde definimos qué contenido va y dónde, sin distraernos con colores o fotos todavía.

¿Qué es un Sistema de Diseño (Design System)?

Es una colección de componentes reutilizables (botones, inputs, colores) que aseguran coherencia. Aprenderás a crear uno básico para no tener que rediseñar el mismo botón 20 veces.

¿Soy Desarrollador Frontend, me sirve este curso?

Muchísimo. Entender de UX/UI te permite tomar decisiones de diseño autónomas, mejorar tus maquetaciones y comunicarte mejor con los diseñadores. Te convierte en un perfil híbrido muy valioso.

¿Soy Diseñador Gráfico, es difícil la transición?

Tienes ventaja visual, pero deberás aprender a 'soltar' el control fijo del papel. En digital, el diseño es interactivo y cambia de tamaño (responsive). Este curso te enseña ese cambio de mentalidad.

¿Qué es la Accesibilidad en diseño?

Es diseñar para todos, incluyendo personas con daltonismo o baja visión. Aprenderemos a chequear contrastes de color y tamaños de fuente para cumplir estándares internacionales.

¿Vemos investigación de usuarios (Research)?

Sí. No diseñamos basándonos en 'lo que me gusta a mí', sino en lo que el usuario necesita. Aprenderás a hacer entrevistas, encuestas y mapas de empatía.

¿Qué es un Prototipo?

Es una simulación navegable de tu diseño. En Figma conectaremos las pantallas para que parezca una app real que puedes tocar y probar en tu celular.

¿Necesito tableta gráfica?

No. Todo el diseño de interfaz se hace con mouse y teclado. La tableta es para ilustración, que es una disciplina aparte.

¿Qué es el 'Handoff' a desarrolladores?

Es el momento de entregar tu diseño al programador. Te enseñaremos a preparar tu archivo Figma para que el desarrollador pueda sacar medidas y assets fácilmente.

¿Vemos Auto Layout en Figma?

Sí, es la función más importante de Figma. Permite que tus diseños sean flexibles y se adapten al contenido automáticamente, simulando cómo funciona el código CSS.

¿Puedo traer mi propia idea de proyecto?

Sí. Si tienes una idea de app o web, puedes usarla para el proyecto del curso. Si no, nosotros te damos un brief (consigna) realista para trabajar.

¿Qué es la Arquitectura de la Información?

Es organizar el contenido para que el usuario encuentre lo que busca. Definiremos el menú de navegación, las categorías y el mapa del sitio.

¿Vemos teoría del color?

Sí. Aprendemos psicología del color básica, cómo armar paletas armoniosas y, muy importante, cómo usar el color para indicar funciones (éxito, error, acción).

¿Hay soporte fuera de clase?

Sí. Tenemos un canal de Discord/Slack donde puedes compartir tus avances en Figma y recibir feedback visual durante la semana.

¿Qué es Microcopy?

Son los pequeños textos de la interfaz (etiquetas de botones, mensajes de error). Aprenderás a escribirlos para que sean claros, concisos y humanos.

¿Este curso sirve para diseñar Apps Móviles?

Sí. Los principios que vemos aplican tanto a Web como a Mobile (iOS/Android). Diseñaremos pantallas pensando en la interacción táctil.

¿Tengo que instalar fuentes?

Figma usa Google Fonts por defecto, así que tienes miles de fuentes gratis. También te enseñaremos a instalar fuentes locales si lo necesitas.

¿Qué es un 'User Persona'?

Es un personaje ficticio creado a partir de datos reales que representa a tu usuario ideal. Nos ayuda a diseñar con empatía, pensando en 'María' y no en 'el usuario genérico'.

¿Vemos animación?

Vemos 'Smart Animate' en Figma para crear transiciones suaves entre pantallas y micro-interacciones (ej: un botón que cambia al pasar el mouse).

¿Qué es el 'Customer Journey Map'?

Es un mapa visual que cuenta la historia del usuario con tu producto, identificando sus emociones y puntos de dolor en cada etapa del proceso.

¿Puedo conseguir trabajo freelance?

Sí. El diseño UX/UI es muy demandado en modalidad freelance. Puedes diseñar landing pages, apps o renovar sitios web para clientes de todo el mundo.

¿Qué es 'Mobile First' en diseño?

Es la estrategia de diseñar primero la versión de celular (que es más difícil por el poco espacio) y luego adaptar a escritorio. Veremos cómo gestionar esto.

¿Las clases quedan grabadas?

Sí, todas. Podrás volver a ver cómo el profesor resolvió ese componente complejo en Figma las veces que quieras.

¿Qué son los 'Components' y 'Variants'?

Son superpoderes de Figma. Creas un botón 'Maestro' y si le cambias el color, se cambia en las 50 pantallas de tu diseño automáticamente.

¿Vemos Grid Systems (Grillas)?

Sí. Aprenderás a usar columnas (generalmente 12) para alinear tus elementos matemáticamente, logrando diseños ordenados y profesionales.

¿Qué es un Test de Usabilidad?

Es poner tu diseño frente a una persona real y ver cómo lo usa (y dónde se traba) sin ayudarla. Es la prueba de fuego de todo diseñador UX.

¿Necesito saber inglés?

La interfaz de Figma está en inglés, así que aprenderás los términos técnicos (Frame, Stroke, Constraints). Las clases son 100% en español.

¿Qué es el 'Espacio Negativo' o aire?

Es el espacio vacío entre elementos. Aprenderás que el espacio en blanco no es espacio desperdiciado, es vital para la legibilidad y la elegancia.

¿Qué es Low-Fidelity vs High-Fidelity?

Low-fi es el esquema básico (wireframe feo pero funcional). High-fi es el diseño final con colores, fotos y sombras (pixel perfect).

¿Vemos plugins de Figma?

Sí. Figma tiene una comunidad increíble. Te enseñaremos los plugins esenciales para iconos, fotos de stock, accesibilidad y generación de texto.

¿Cuánto dura el proyecto final?

Lo vas trabajando durante todo el curso. Las últimas clases se enfocan en pulirlo y presentarlo, simulando una entrega profesional.

¿Se entrega certificado?

Sí, al completar el curso y entregar tu proyecto final, recibes un certificado de Industria de Mentes validando tus conocimientos en UX/UI.

¿Qué pasa si no tengo ideas creativas?

La creatividad en UI se entrena. Te enseñaremos a buscar referencias (benchmarking), analizar patrones existentes y 'robar como un artista' para crear soluciones originales.

¿Qué son los 'Constraints'?

Son reglas que le dices a Figma sobre cómo deben comportarse los elementos cuando cambias el tamaño de la pantalla (ej: 'este botón quédate siempre pegado a la derecha').

¿Sirve para diseñar ecommerce?

Totalmente. Los patrones de ecommerce (catálogo, carrito, checkout) son excelentes ejercicios de UX/UI que veremos.

¿Qué diferencia hay con un Bootcamp?

La personalización. En un bootcamp eres uno más. Aquí, en un grupo de 6, el profesor conoce tu estilo, tus debilidades y te ayuda a pulir tu ojo de diseñador clase a clase.

¿Cómo se evalúa el curso?

No hay exámenes escritos. La evaluación es la evolución de tu proyecto. Se evalúa que apliques los conceptos de usabilidad, consistencia y jerarquía visual.

¿Vemos Responsive Design?

Sí. Diseñaremos las versiones Mobile, Tablet y Desktop de una misma pantalla para entender cómo fluye el contenido.

¿Qué es el 'Card Sorting'?

Es una técnica donde usuarios reales nos ayudan a agrupar el contenido del sitio para decidir cómo armar el menú de navegación.

¿Puedo usar la versión gratuita de Figma?

Sí. El curso está diseñado para hacerse con la versión gratuita. No necesitas pagar la licencia Pro para aprender ni para trabajar profesionalmente al inicio.

¿Qué es la Jerarquía Visual?

Es usar tamaño, color y posición para decirle al ojo del usuario qué es lo más importante (ej: el botón de 'Comprar' debe destacar más que el de 'Cancelar').

¿Cómo me inscribo?

Contáctanos por WhatsApp para ver disponibilidad. Los grupos de 6 se llenan rápido. Si hay lugar, te sumamos a la próxima cohorte de inmediato.

Métricas del curso

150+

10+