Figma as a Generative Design Tool

Taller de Figma para crear sistemas visuales: añadimos formas propias a un sistema ya hecho y lo ampliamos con aleatoriedad y efectos. 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.