Last chance to register for @span.graphics ’ ”Designing Identity Systems with Figma“, a 6-week live online course.
Learn Figma the way graphic designers actually need it—as a system. Course starts next week and there will be one live session per week and plenty of room to learn and advance your practice!
Our first 6-week course starts 7 May. Each Thursday you can dive deep into @flexiblevisualsystems and @figma with @span.graphics .
Master the tool and build your own visual system during the course and have a new skill before summer hits!
Sign up on our website or comment here and we can send you the link.
Just a little reminder to check out our May / June program!
Whether you’re trying to get your busy schedule under control, figure out the publishing world, or build better design systems, we’re having a series of sessions to help you actually get the work done.
Here’s the schedule:
✦ Time Management for Creative People
Best-selling author @bureaudonald (Don’t Read This Book, Don’t Buy This Book,...) stops by to help us finally master the “To-Don’t” list. It’s about making better choices in your work and in your life, not just filling up a calendar with time blocking.
✦ Publishing Books Workshop
@eliosalichs from @twopointsnet leads a two-day workshop on the process and logistics of getting a book out into the world.
The 6-Week Deep Dives (intensive, hands-on courses):
✦ Turning Figma into a FVS Machine: @span.graphics shows you how to move past static layouts and build truly flexible visual systems directly in Figma. Starts 7 May | Every Thursday
✦ Making Book Ideas A Reality Elio Salichs returns for a 6-week journey taking you from a rough concept to a tangible finished book proposal. Starts 10 June | Every Wednesday
If you are ready to turn those projects ideas into reality, come join us! All workshops and courses are live & online. And small group only, so you really have the most out of it.
Link in bio to see the full program and grab a spot.
#designsystems #timemanagement #creativeprocess #figma #bookdesign #bookpublishing #visualsystems
Using Figma to design Flexible Visual Systems (FVS) isn’t just a skill. It’s a real superpower for the modern designer. ⚡️
Most designers use Figma as a simple layout tool, but there is a much deeper potential waiting to be unlocked. It’s the difference between delivering a static file and delivering a living, breathing design engine.
Whether you’re looking for a quick intensive or a full transformation of your workflow, we have two paths to help you master this:
Option 1: The 2-Day Workshop (April 24 & 25) A „first glimpse“ into the world of FVS. We’ll cover how to move from simple forms to modular components and variables, preparing you for real-world brand applications.
Option 2: The 6-Week Deep Dive (Starts May 7) A journey where we turn Figma into your generative design partner. Over six live sessions, we’ll master the „FVS machine“, diving deep into parametrization, systematization, and distribution.
As @span.graphics says: ”You are not limiting creativity, you are giving it a structure.“
🔗 Click the link in our bio to see the full schedule and secure your ticket!
#figma #designsystems #flexiblevisualsystems #creativetechnology #graphicdesign
«In these days where everything seems generated, I love this feeling when coming up with something bold and personal that really touches you.»
I had a conversation with Ricardo Lodroño Marin about new workflows, why learning software feature by feature and tutorial by tutorial misses the big picture of today's workflows, the power of automation, and the importance of breaking out of systems to really be able to touch someone.
/resources/ricardo-lodrono/
Join @span.graphics for the »Turning Figma into a FVS machine« workshop on 24 & 25 April!
In just two days, you’ll get an insight into Figma’s full potential—building structured, flexible visual systems from modular components to variables and styles. Ready to test and apply your systems to real-world brand identities? This is for you.
Hungry for more? Follow up with Ricardo’s 6-week deep dive to master Figma as a parametric engine for graphic design.
Grab one of the few remaining seats via the link in our bio!
#figma #graphicdesign #visualsystem #designsystems #designworkflow #parametricdesign #visualidentity #flexiblevisualsystems
🎉 Our day-one FVS community member, Ricardo, offers a brilliant workshop about how to use @figma efficiently and effectively when designing Flexible Visual Systems. Read more about his workshop at /workshops/figma-systems/
Using Figma to design Flexible Visual Systems (FVS) is a real superpower. FVS and Figma expert @span.graphics has developed a powerful workflow that harnesses the full potential of Figma’s tools to create stunning visual identities.
Ricardo teaches »Turning Figma into a FVS machine« at the School of Systems. Check out our schedule (link in bio) to learn more about it.
Cabàss @cabass.electronic organises electronic music events hosted at a cultural centre in Valencia. The identity draws from a local expression "nyàss cabàss" describing an explosion of joy, the kind of loud, playful energy associated with firecrackers and celebration.
I wanted the identity to capture that sensation as a living shape, not a static icon. The idea became the "boomstar": an irregular, bursting form that replaces the accent in Cabàss, acting as the emblematic spark of the brand.
To generate these shapes consistently –but never identically– I created a small tool to bring this visual logic to life:
• Grid-driven construction: choose how many rows and columns the grid has, and also the margins and gutters.
• Smart point selection: the tool picks corner points to form the base polygon, while avoiding too many aligned edges (to prevent dull shapes) and discarding degenerate forms.
• Straight or curved modes: polygons for a sharp, firecracker look; curved shapes for more organic, fluid bursts.
• Irregularity control: determine how wild or tame the final silhouette becomes.
• Styling: output can be filled or outline-based, with control over stroke properties (bevel and thickness).
If you're exploring dynamic identities, computational typography, or want to test new workflows where design, systems and code work together, let’s talk.
I’m open to:
• Pilot projects
• Collaborations with studios
• Experimental briefs or research-led work
#creativecoding #p5js #customtools #designandcode
#computationaldesign #visualsystems
Typefaker is a small p5.js tool that reads the internal geometry of any typeface and turns it into a three-layer system:
• Paths: the outline or skeleton of each character can be styled like strokes or fragmented into raw geometric shapes.
• Points: the nodes along the path are used as anchor positions to place repeated shapes or graphical motifs.
• Labels: short strings placed along the letter structures (optionally oriented along the path).
Each layer can be shown or hidden, sampled at different resolutions, and styled independently. Fine sampling keeps the letter closer to its original shape; rough sampling creates bold, unstable reinterpretations. This makes the tool shift between clarity, distortion, and expression with minimal changes.
If you're exploring dynamic identities, computational typography, or want to test new workflows where design, systems and code work together, let’s talk.
I’m open to:
• Pilot projects
• Collaborations with studios
• Experimental briefs or research-led work
#creativecoding #p5js #customtools #designandcode
#computationaldesign #visualsystems #computationaltypography #generativetypography
#experimentaltype #typeandcode
