トークン抽出から始める理由

UIを分解する時、最初に手をつけるのが トークン です。 色・サイズ・余白・角丸・タイポなど、UIの中で「分解しきれないスタイルの最小要素」を取り出す作業です。

ここを最初にやる理由はシンプルで、上の層（コンポーネント、ブロック）が トークンを参照して組まれている から。土台が見えていないと、上の層を分析しても「なぜこの色なのか」「なぜこのサイズなのか」が見えてきません。