デザイントークンは、色、余白、文字サイズなどの選択にWebサイトで再利用する名前付きの値です。各部屋で一貫して同じ青を使える、ラベル付きの塗料見本のようなものです。

ボタンごとに新しい色合いを選ぶ代わりに、サイト全体で一つの名前付きカラー値を使えます。その値を更新すれば、変更を一貫して適用できます。

トークンはデザインの保守に役立ちますが、名前から用途が分かるべきです。「メイン操作の色」は、色合いだけを示す名前より役立つことが多いでしょう。