Figma para Diseñadores de Producto: Domina Interfaces y Auto Layout

Este curso acompaña la creación de una interfaz de productividad desde el archivo inicial hasta un prototipo navegable. El escenario de trabajo será una aplicación llamada Brújula, pensada para personas que organizan tareas de estudio y trabajo en sesiones breves. No se trata de decorar pantallas aisladas: cada decisión visual deberá responder a una necesidad de lectura, edición, navegación o confirmación.

En el primer módulo prepararás un archivo ordenado y reconocerás la relación entre formas, texto, color, estilos y capas. La configuración inicial servirá para separar páginas de trabajo, componentes y pantallas, y para que otra persona pueda entender el archivo sin preguntarte dónde está cada elemento. Después construirás piezas pequeñas, como una tarjeta de perfil, y comprobarás que el espaciado, la alineación y los nombres de capa sostienen la claridad visual.

El segundo módulo introduce Auto Layout como un conjunto de reglas visibles: dirección, separación, relleno, alineación y comportamiento ante contenido variable. Aprenderás a distinguir un contenedor que abraza su contenido de otro que ocupa el espacio disponible. Luego convertirás elementos repetidos en componentes y organizarás variantes para evitar copias divergentes. La barra de navegación será el caso de comprobación: deberá conservar jerarquía cuando cambie el ancho y deberá ofrecer una solución explícita para móvil.

En el tercer módulo pasarás de piezas a pantallas. Usarás frames para delimitar escenarios, grids para mantener márgenes y columnas, y conexiones de prototipo para representar acciones concretas. El flujo de inicio de sesión te obligará a considerar estados de error, recuperación y regreso, no solo el camino ideal. Los atajos y plugins se tratarán como ayudas sometidas a criterio: primero se define el problema, después se automatiza una tarea repetitiva y finalmente se revisa el resultado.

El cuarto módulo reúne las decisiones en Brújula. Definirás un sistema pequeño de colores, tipografías, espaciados y componentes, con nombres reutilizables. Sobre esa base diseñarás un resumen diario, una lista de tareas y un formulario de edición. Las pantallas compartirán componentes, pero no se forzarán a ser idénticas: el contexto determina qué información debe dominar. El prototipo final representará crear una tarea, marcarla como completada, editarla y volver al resumen.

El trabajo final se comprobará con una lista de evidencias. El archivo deberá mostrar una jerarquía legible, componentes identificables, Auto Layout funcional en contenidos cortos y largos, y conexiones que conduzcan a estados comprensibles. También revisarás contraste, foco visual, textos de error y consistencia de espaciado. Para evaluar el resultado, cambiarás deliberadamente títulos, etiquetas y anchos de frame; una estructura sólida responderá sin desplazamientos manuales inesperados. La revisión no dependerá de que el archivo se vea atractivo en una sola captura, sino de que sus reglas expliquen cómo mantenerlo y ampliarlo.

Al finalizar, podrás presentar el proceso: problema, decisiones, componentes, pantallas, flujo y comprobaciones. La evidencia mínima será el archivo organizado, capturas de dos tamaños cuando corresponda y un registro breve de ajustes realizados después de probar el prototipo. Así demostrarás dominio operativo y criterio de diseño, no solo familiaridad con nombres de paneles.