
Figma • Webflow • No Code • AI
Tools are not neutral. They shape the thinking that flows through them.
System 2 uses tools to execute decisions already made. System 3 uses tools to think — to simulate, to prototype, to feel a future before committing to it. The best creative technologists know the difference. They reach for Figma not to produce a deliverable but to find a shape. They build in Webflow not to ship but to see.
This workshop treats tools as thinking surfaces. The canvas, the variable, the class, the token — each is a decision point that carries meaning across the whole system. Machine-readable design is System 3 made legible to machines: the structure that emerges when a designer thinks clearly and builds precisely.
Neurodiverse creators often have a native fluency with tools that outpaces their confidence in using them. This workshop meets that fluency and extends it — connecting the tool to the system, the system to the team, and the team to the output that actually ships.
Treating the canvas as a thinking surface, not just a production environment
Figma fundamentals through a systems lens: frames, components, Auto Layout
Variables and tokens in Figma — connecting design decisions to a living system
Webflow as a build environment: MAST framework, Lumos layout, structured class naming
No-code workflows: when to use them, when to build further down the stack
VS Code for designers: reading and writing production-ready output
MCP and AI-assisted workflows — what they handle and where judgment still lives
Class naming that is readable by humans, tools and AI — and why the convention matters as much as the code
Handoff that closes the gap between design intent and production output
These tailored sessions help you quickly build your skills by practicing live, asking real-time questions, and going at the pace that fits how you learn best.
Tell me where the friction is. We'll work out the right starting point for you or your team.
hamish@hux.works
+44 (0)7832 839 543