About this Event
Taller práctico para crear sistemas visuales en Figma: partimos de un sistema ya montado, le metemos nuestras propias formas y vemos cómo cambia todo el diseño de golpe. Después lo llevamos más lejos con aleatoriedad controlada y efectos visuales. No hace falta saber programar, pero sí un manejo básico de Figma.
EXPERIENCIA PREVIA
Taller de nivel intermedio. Hace falta un manejo básico de Figma: moverse por el lienzo, crear y editar formas, trabajar con frames y capas. No hace falta haber usado componentes, variantes ni auto layout; eso lo vemos en el taller.
¿QUÉ VAMOS A HACER?
Abrir un archivo de Figma con un mini sistema visual ya construido y entender cómo funciona.
Dibujar nuestras propias formas y convertirlas en componentes del sistema.
Sustituir los componentes originales por los nuestros y ver cómo cambia todo el diseño a la vez.
Generar composiciones aleatorias a partir de los componentes y variantes, y elegir las que funcionan.
Dar un acabado a las piezas con shaders: grano, distorsión, pixelado...
Terminar con una puesta en común de los resultados.
¿QUÉ SE APRENDERÁ?
A pensar un proyecto visual como un sistema de piezas y reglas, no como un diseño único.
Componentes, variantes y sustitución de instancias: cambiar algo en un sitio y que cambie en todos.
Auto layout aplicado a diseño gráfico: una misma composición que se adapta a varios formatos.
Maneras sencillas de introducir azar en Figma para explorar muchas opciones rápidamente.
Cómo aplicar shaders a una composición sin escribir código.
MATERIAL / EQUIPO
Ordenador portátil propio (imprescindible; no se puede seguir desde tablet ni móvil) / Cuenta de Figma creada antes del taller (la gratuita es suficiente).
Opcional: dos o tres formas, símbolos o letras propias en vectorial (SVG, o archivo de Figma o Illustrator). Quien no traiga nada las dibuja en el taller.
RESULTADO
Cada participante se lleva su propia versión del sistema: un archivo de Figma con sus componentes y una serie de piezas en varios formatos (cartel, post y banner) listas para exportar. Además, se lleva el archivo base para reutilizarlo en sus proyectos.
OTROS REQUISITOS
El enlace al archivo de trabajo se envía unos días antes. Conviene abrirlo y duplicarlo antes de llegar para empezar directamente.
Algunas funciones que veremos están en fase beta en Figma y pueden cambiar de aquí al taller.
El trabajo es individual, con una puesta en común al final.
Event venue & nearby stays
EASD | Escola d'Art i Superior de Disseny de València, Plaza Viriato s/n, Valencia, Spain
Concerts, fests, parties, meetups — all the happenings, one place.