A design system that adapts to your workflow, not the other way around. Built for speed, clarity, and creative freedom.

Shaders for you to use in your projects, as React components or GLSL.

Motion stops being a one-off deliverable someone rebuilds in After Effects and becomes a systematized property of your components.

The bet we're making with Orbit is this: make it hard to express an off-brand decision in code in the first place.

The last year in product design has felt turbulent. Not just because the tools changed — but because of the sheer volume of extremely confident opinions about what the future looked like. Design is dead or whatever bullshit.

Halfway through the year, so let's look at what I nailed, what I totally missed, and why usability still lags terribly behind.

A conceptual rebrand exploring how Stack Overflow can evolve its identity and digital experience in response to changing developer behaviours, the rise of AI, and the future of online knowledge sharing.

Semantic HTML is not an accessibility chore. It is interface infrastructure.

Design engineering is less about sitting between functions and more about combining the parts of those functions that let one person ship beautiful product.

We need to bring the calculations back into CSS and mix our units, combining the accuracy of pixel-based breakpoints with the accessibility of rem-based font sizes.

We do a ton of screen-sharing and go deep into his strategies for prompting, how to get better outputs from the models, and more.

The central design question is how do we help users rely on AI appropriately.

Comprehensive reference for designing AI experiences. 100+ patterns, visual examples, and reusable components for AI UX designers and product teams.

This talk dives into some of the newest updates in the CSS and web UI space while giving you a UX framework of 5 principles to frame digital design decisions through the lens of modern UI patterns.

The last wall before 'done' is always the same: the it-doesn't-feel-quite-right-yet wall. A wall that gives you no error messages, nothing to copy and paste into the chat. Just you, looking at the thing, knowing it isn't it.

A hypertoken is a named bundle of style properties, defined once, that every tool's copy is built from.

This standard puts design system docs in one shared format that any tool can read.

Print forced you to separate concerns: the grid, the frequency, the shape at each node. The browser lets you ignore all of that. I didn't.

The moment a user tries to leave, really tries, with intent, the relationship between good design and good business quietly breaks down.

The pattern is always the same. Someone is trying to do one thing. They fail at it or they slip or they forget or they do something out of boredom. And in that gap between intention and what actually happens, something new (sometimes better or new) appears.

Mostly boring, unsexy features and capabilities for Figma Design.

The promise of empowerment, far from being incidental to the cycle, is part of its structure — a story the cycle has to tell about itself in order to keep moving.