Design Engineering
Plain-language notes on product design, design engineering and AI product UX, from the studio.
-
Design tokens explained for product teams
A plain explanation of design tokens: what they are, how to name them, how they move from Figma variables to CSS and what to do first in an existing product.
Read -
Figma to code: a handoff engineers do not have to redo
A good Figma to code handoff is a shared structure, not a longer spec. Naming, components, tokens, states and how to review the built result.
Read -
Design engineering: what it is and why product teams hire for it
What a design engineer does, how the role differs from front-end and product design, and how a small team can get the same effect.
Read -
Why we ship code instead of static mockups
A static design file can't show long names, slow APIs or how motion feels. Here's why we move into the browser early, and what that changes for founders.
Read
Want this kind of thinking on your product?
Send your site or app and get a free design review. No sales call, no cost.