Figma — Iniciación

Este curso está dirigido a personas sin experiencia previa en herramientas de diseño digital que desean incorporarse al flujo de trabajo de equipos UX/UI o comenzar a prototipar sus propias ideas. A lo largo de las 8 horas, el participante conocerá el entorno de trabajo de Figma, comprenderá cómo se organiza y estructura un archivo de diseño, y pondrá en práctica la creación de wireframes de baja y media fidelidad apoyándose en un Design System básico y en librerías de componentes predefinidos. Al finalizar el curso, el participante será capaz de entregar un prototipo navegable de 4 pasos correctamente alineado, estilizado con los tokens del sistema de diseño proporcionado, y listo para compartir o presentar a través del modo "Present" de Figma.

1. Reconocer los paneles principales de la interfaz de Figma —herramientas, capas y propiedades— y distinguir los contenedores de diseño fundamentales (frame, grupo y sección) para orientarse con soltura en el entorno de trabajo.
2. Construir un wireframe de baja fidelidad de tres pantallas y aplicar sobre él estilos de texto y color de un Design System básico, incorporando componentes predefinidos de una librería para elevar la fidelidad del diseño de forma guiada.
3. Conectar pantallas mediante la herramienta Prototype para crear una navegación lineal de al menos cuatro pasos, detectar errores de alineación y espaciado en un wireframe de revisión, y compartir el resultado final a través del modo "Present", integrando así todas las habilidades adquiridas en un entregable completo.

Bloque 1 — El entorno de Figma El curso arranca con una exploración detallada de la interfaz: los participantes localizan y describen la función de cada panel principal —barra de herramientas, panel de capas y panel de propiedades— mediante un ejercicio guiado que les permite moverse con confianza por el espacio de trabajo desde el primer momento. A continuación se profundiza en los contenedores de diseño: se analiza qué distingue a un frame de un grupo y de una sección, utilizando ejemplos visuales concretos que facilitan la comprensión de cuándo conviene usar cada uno.

Bloque 2 — Wireframing y aplicación del Design System Con la interfaz dominada, los participantes crean paso a paso un wireframe de baja fidelidad compuesto por tres pantallas, siguiendo una guía estructurada con los elementos requeridos. Sobre ese wireframe aplican, de forma guiada, los estilos de texto y color de un Design System básico proporcionado, avanzando hacia la media fidelidad. El bloque concluye con la incorporación de componentes predefinidos de una librería para construir una pantalla de formulario simple, consolidando el uso de recursos reutilizables como práctica habitual.

Bloque 3 — Prototipado, revisión y presentación En la fase final los participantes conectan las pantallas diseñadas mediante la herramienta Prototype para simular una navegación lineal de al menos cuatro pasos. Antes de presentar, realizan un ejercicio de revisión crítica en el que identifican errores de alineación y espaciado en un wireframe defectuoso entregado ad hoc, desarrollando así el ojo para la calidad. El bloque cierra con una demostración del flujo de compartición y de las opciones del modo "Present", de modo que cada participante comprenda cómo entregar y exponer su trabajo a colaboradores o stakeholders.

• Ordenador con sistema operativo Windows 10 / macOS 11 o superior.
• Navegador Google Chrome o Mozilla Firefox actualizados (versión de los últimos 6 meses) para usar Figma en web, o aplicación de escritorio Figma descargada desde figma.com.
• Cuenta gratuita activa en Figma (plan Starter).
• Conexión a internet estable (mínimo 10 Mbps recomendados para colaboración en tiempo real).
• Resolución de pantalla mínima de 1280 × 800 px; se recomienda monitor externo o pantalla de al menos 13 pulgadas para visualizar cómodamente los paneles laterales.
• Ratón o trackpad con posibilidad de scroll; ratón externo recomendado para mayor precisión en operaciones de diseño.

No se requiere experiencia previa en Figma ni en otras herramientas de diseño. Se recomienda familiaridad básica con el uso general de un ordenador (gestión de archivos, uso de navegador web) y contar con una cuenta gratuita de Figma creada antes del inicio del curso. Una noción elemental sobre qué es el diseño de interfaces —aunque sea a nivel de usuario— facilitará la comprensión de los ejemplos, pero no es obligatoria.