Lab
Visual experiments and concepts that help me learn more about how things work, simple tools to help improve design workflows and exercises to learn new techniques and mediums.
Visualization Experiments
How Design Tokens Need to Evolve for the AI Era
Design tokens were built for human readers — designers who already know what Toast versus Alert means. AI agents don't have that context. An experiment in what it takes to close the gap: three briefs, four levels of documentation, one accuracy cliff.
How Drag-and-Drop Works
A visual, scroll-driven explainer of the six-stage choreography behind every good drag interaction. Hand-rolled Pointer Event primitives — no DnD libraries. Part 1 of a series visualising fundamental interaction primitives.
How Multiplayer Works
A visual explainer of the six illusions behind real-time collaborative UI — presence, optimism, conflict, CRDT, awareness, and offline. Hand-rolled primitives; no Liveblocks, no Yjs. Part of a series on foundational software concepts.
How Undo and Redo Works
A technical explainer of the command pattern, history stacks, coalescing, and the edge cases that make real undo hard to get right.
Figma Community
Design Pear: Annotator
A Figma plugin for categorized annotation, built to unblock teams who don't have a dev seat.
Design Pear
A Figma plugin that brings the laws of UX onto the canvas, so you can place them next to a design and show your reasoning.
More resources on Figma Community