Tokenwright
See everything a change touches
Before you change a token, know what it will reach. Tokenwright draws your whole system as a flow, from raw values to the components that use them, and lights the path of anything you select.
Tokenwright draws your tokens as a flow, from raw values to components, and shows what any change reaches.
Open this page on a computer to try it live.
Built for the question “what does this touch?”
A flow, not a list
Own values first, then what points at them, step by step, out to the components that use them. Columns are ordered to keep lines from crossing.
Full lineage
Select a token to light its whole chain and list every ancestor it comes from, including each parent of a composite value. Click one to go there.
Blast radius before you change
The inspector says how many tokens and components change if this one does, and names the components.
Releases on a slider
Slide through releases to see what each one changed, before and after, and how far it reached.
Every mode
Flip between modes, or between two axes at once, and every swatch and value follows.
Deprecations drawn in
Deprecated tokens are struck through, with a dashed line to their replacement, so you can see what still needs moving.
Three ways to look
The flow, a hierarchy of groups, or an outline for scanning a big system quickly.
Conversations in place
Tokens with comments carry a pin; the thread opens in the inspector.
Fast on big systems
Find a token and press Enter to fly to it. Thousands of tokens stay smooth.
The rest of Stoaken