03

For product teams

Know the system is actually used.

Every change with who published it, how much of the codebase comes from the system, and what the agents building your product are missing. Without booking a sync.

In Slack and Basemode
design-system 2
Basemode APP 10:03 AMBrand: 4 token changes in a pull request. github.com/acme/web/pull/214Sync design tokens: 1 renamed, 2 updated, 1 added · #214basemode/tokens → main · 3 checks passed👀 2✅ 1
In Basemode · Brand system
Adoption94%Token references3,812Hard-coded values241Tokens in use138 of 412
3 new requests from coding agents in Feedback

A day, redrawn

What one change looks like from your seat

  1. 10:03Step 01The channel hears about itBrand: 4 token changes in a pull request, with the link.
  2. 10:31Step 02It's mergedThe change history records what moved, from what, and who published it.
  3. FriStep 03Adoption, measuredEvery sync counts how much styling in the repository comes from the system.
  4. MonStep 04Gaps, reportedThree requests from coding agents, ready to prioritise.

Redline review

Marked up, and revised

Rev A · as it is today

1A meeting to find out which blue is current

2No idea how much of the product uses the system

3Design debt you only hear about at the retro

4Seats for everyone who needs to look up a color

Rev B · with Basemode

Every change, with who published it and the pull request

An adoption score on every sync

Gaps reported by the agents that hit them

A shared docs page anyone can open, no seat needed

Approved · Rev B

In Basemode · Tokens

Adoption you can point to

Token references, hard-coded values and the share of the system actually in use, measured against the repository on every sync. The number that tells you whether the design system is paying for itself.

app.basemode.io/acme/systems/brand
Adoption94%
Token references3,812
Hard-coded values241
Tokens in use138 of 412
Find a tokenlightdark
  • color/action/primary#2563EB
  • color/action/hover#1E40AF
  • color/surface/raised#F8FAFC
  • color/text/default#0F172A
  • color/text/muted#64748B
  • color/feedback/danger#DC2626
Also on the loop · 01For designersAlso on the loop · 02For engineers
Sign-off

Give your design system some teeth

Try it with sample tokens in a couple of minutes, then connect Figma, GitHub and your agents when you're ready. No card needed.

Prefer email? hello@basemode.io