Curso libreTecnología y desarrollo de software
Prototipado de interfaces en Figma
El curso Prototipado de interfaces en Figma proporciona al estudiante el diseño y prototipado de interfaces web y móviles con componentes, Auto Layout y variables, listas para pruebas con usuarios y para la entrega a desarrollo.
A quién va dirigido
Personas de diseño, desarrollo o producto sin experiencia en Figma.
Objetivos
✓Comprender el espacio de trabajo de Figma y las bases de maquetación de una interfaz.
✓Analizar el uso de componentes, variantes y variables en un sistema de diseño.
✓Aplicar interacciones, transiciones y superposiciones para un prototipo navegable.
✓Diseñar un prototipo de varias pantallas probado en un dispositivo móvil.
✓Evaluar la entrega a desarrollo con especificaciones, comentarios y control de versiones.
Plan de estudios por sesión
1
Marcos, capas y herramientas de forma y textoRetículas y espaciado · Auto Layout; Estilos de color y texto
2
Componentes e instanciasVariantes y propiedades · Variables y modos claro y oscuro; Bibliotecas de equipo
3
Conexiones y disparadoresSmart Animate y transiciones · Superposiciones y desplazamiento; Prueba del prototipo en dispositivo móvil
4
Comentarios y control de versionesDev Mode y especificaciones · Exportación de recursos; Ejercicio final de prototipo navegable
Evaluación
Inicial30%Ejercicio de maquetación con marcos, retículas, Auto Layout y estilos de color y texto.
Intermedio30%Taller de componentes, variantes y variables con modos claro y oscuro.
Final40%Prototipo navegable de una aplicación móvil de cinco pantallas con componentes y variables, sustentado.
Proyecto final
Prototipo navegable de una aplicación móvil de cinco pantallas construido con componentes y variables.