Curso de Figma: Diseño de Interfaces UI/UX desde Cero
Sesión Híbrida (presencial y online)
- 30 horas lectivas
- Un ordenador por alumno
- Grupos reducidos
- Certificación al finalizar el curso
Aprende Figma, la herramienta líder en UI/UX usada por la mayoría de empresas para diseñar webs y apps.
¿Qué aprenderé?
- Comprender la interfaz de Figma y configurar archivos, páginas y frames para proyectos web y app.
- Crear diseños de pantallas usando estilos de color, tipografías y grids para mantener coherencia visual.
- Diseñar componentes reutilizables y variantes (botones, formularios, tarjetas) para construir sistemas de diseño escalables.
- Utilizar auto‑layout para crear interfaces responsivas que se adapten a diferentes tamaños de pantalla.
- Construir prototipos interactivos con transiciones y microinteracciones para presentar flujos de usuario completos.
- Colaborar en equipo con comentarios, versiones y entrega de recursos al desarrollador directamente desde Figma.
Comienzo del próximo curso
febrero 2026
Curso básico de diseño con Figma en Tenerife, orientado a UI/UX, donde aprenderás a crear interfaces profesionales para páginas web y aplicaciones desde cero en 30 horas.
Trabajarás método de diseño, comunicación visual y prototipado interactivo, pasando del briefing al concepto y al diseño final directamente en Figma.
Ideal para estudiantes, aspirantes a diseñadores, creativos, emprendedores y profesionales que quieran dominar la herramienta líder en diseño digital y mejorar su portfolio.
Temario
- Módulo 1 – Fundamentos del diseño y Figma
- Qué es el diseño digital: diferencia entre UI, UX y diseño visual.
- El proceso de diseño: del briefing al concepto.
- Interfaz de Figma: paneles, herramientas básicas y atajos.
- Marcos, formas, texto, colores y capas.
- Principios de composición visual y jerarquía de contenidos.
- Cuadrículas, alineación y proporciones.
- Módulo 2 – De la idea al concepto visual
- Lectura del briefing y definición del público objetivo.
- Configuración del proyecto y estructura de páginas en Figma.
- Técnicas de brainstorming y creación de moodboards.
- Creación de una paleta de colores y estilos de color.
- Elección de tipografías y estilos de texto compartidos.
- Ejercicio: concepto visual para una sección Hero.
- Módulo 3 – Layout, cuadrículas y componentes
- Estructura de los diseños: cuadrículas, columnas y espaciado.
- Alineación, proporciones y ritmo visual en la página.
- Creación de componentes reutilizables (botones, cards, formularios).
- Sistema de nomenclatura y organización de capas.
- Introducción al auto‑layout y diseño flexible.
- Ejercicio: diseño de una página de inicio.
- Módulo 4 – Diseño responsivo y versión móvil
- Adaptación de un diseño desktop a otras resoluciones.
- Creación de la versión móvil de una página web.
- Diseño de menús móviles (menú hamburguesa).
- Adaptación de componentes y contenido a pantallas pequeñas.
- Buenas prácticas de diseño responsive en Figma.
- Ejercicio: diseño de la versión móvil de la home.
- Módulo 5 – Prototipado e interacción
- Introducción al prototipado interactivo en Figma.
- Transiciones, animaciones básicas y estados de componentes.
- Ejercicio: diseño y prototipo navegable de una web completa.
- Presentación del proyecto y feedback del profesor.
- Trabajo colaborativo: comentarios, revisión y versiones.
- Inspección para desarrolladores: medidas, estilos y assets.
- Exportación de recursos gráficos desde Figma.
- Organización de un archivo profesional para clientes o empresa.