Token(トークン)とDesign System(デザインシステム)の違いとは？｜Nviveto

Design token(デザイントークン)という名前が普及してからしばしの時は経ちますが、いまだによくトークンを理解しきれていません。 そんなデザイナー歴18年目になる私なりに、Tokenを理解し、わかりやすく伝えようと思い記事を書いています。 どこまで正確かはわかりませんが、今現在の私の理解を書き綴りますので、解釈は自己責任でお願いします。 トークンの必要性さて、デザイントークンとはなんでしょう？ 色々な記事があるものの、すごくわかりやすくてこれを見れば一目稜線！というものにまだ出会ったことがありません。 デザインシステムとトークンは何が違うの？ トークンを使うメリットは？ トークンを取り入れた方が良いの？ と、ここ数年試行錯誤していますが、結論からいうと 長期のプロジェクトやデザインルールを一括管理したいプロジェクトでは取り入れた方が良い 短期プロジェクトや単発ページ修正しか発生しな