Skip to content
Loading writing

Notes on product craft

Transaction states, design systems, and the boundary between design intent and code.

Build a design system with a coding agent

What a design system is for, how to build its tokens and components in code with a coding agent, and how a team ends up using it.

Coming soon

Tokens and switches

  1. Part 3Design tokens in layers
  2. Part 4Dark mode and many brands
  3. Part 5Right to left, and every language
  4. Part 6The tokens after colour
  5. Part 7Naming, versions and shipping tokens

Components

  1. Part 8Components for the web
  2. Part 9From components to screens
  3. Part 10Components for mobile, in React Native

Using it

  1. Part 11Documentation people and agents can read
  2. Part 12Teaching agents to build with the system
  3. Part 13Shipping it, adopting it and keeping it alive