Figma Advanced
Este curso está diseñado para profesionales del diseño con experiencia previa que desean llevar sus habilidades en Figma al siguiente nivel. A lo largo del curso, profundizaremos en funciones avanzadas para optimizar el proceso de diseño y mejorar la colaboración en equipos multidisciplinarios.
Aprenderemos a trabajar con técnicas complejas de prototipado, diseño adaptable, animaciones avanzadas y flujos de trabajo ágiles.
El curso proporcionará un enfoque práctico que te permitirá crear interfaces sofisticadas y optimizadas para diferentes dispositivos, implementando técnicas de diseño avanzado y colaborando de manera más eficiente con desarrolladores y otros stakeholders.
Objetivos
- Dominar el uso de componentes y variantes avanzadas para crear sistemas de diseño escalables y fáciles de mantener.
- Aprender a trabajar con layouts complejos utilizando Auto Layout, Constraints y Rejillas, optimizando la adaptabilidad a diferentes tamaños de pantalla.
- Crear prototipos interactivos avanzados con animaciones complejas, transiciones y efectos para simular flujos reales de usuario.
- Optimizar el diseño y la colaboración utilizando herramientas de Figma como bibliotecas compartidas y comentarios en tiempo real
Dirigido a
Diseñadores de interfaces de usuario con experiencia previa en Figma que deseen expandir sus conocimientos y habilidades para trabajar en proyectos más complejos y colaborar de manera más eficiente en equipos multidisciplinarios.
Programa
Día 1: Fundamentos avanzados de Figma
- Manejo de archivos y organización de proyectos de manera profesional.
- Cuándo usar componentes y cómo gestionarlos correctamente.
- Manejo de variantes: Crear variantes limpias y fáciles de usar.
- Buenas prácticas para crear espaciados adecuados en tu diseño.
- Ejercicio práctico:
- Crear un UI KIT básico: Componentes, variantes responsivas (Desktop, Mobile, Tablet), y estilos de texto y colores.
Día 2: Layouts Avanzados y diseño adaptable
- Auto Layout vs Constraints.
- Rejillas vs Constraints vs Auto Layout: ¿cuándo usar cada uno?
- Creación y personalización de rejillas y columnas en Figma.
- Crear elementos que se adapten a cualquier dispositivo.
- Ejercicio práctico:
- Replicar Wireframes con Auto Layout (Low-fi, Desktop, Mobile, Tablet).
- Construcción de wireframes Hi-fi (Desktop, Mobile, Tablet).
Día 3: Prototipado avanzado
- Técnicas avanzadas de enmascarado de imágenes y videos.
- Técnicas avanzadas de prototipado para crear flujos interactivos realistas
- (sticky, animaciones, etc.).
- Ejercicio práctico:
- Lanzar un prototipo interactivo avanzado, incluyendo animaciones y pruebas de usuario.
