数字で表せるDesign Tokenに大きさで命名をする必要はない
spacing, object size, font sizeなど数字でサイズを表現できるtokenに、smallやlargeといった大きさを表す名前をつける必要はない
何をもってmiddleなのか?
大きさに基準値は必要ない。皆わりとテキトーに付けている
大抵の場合、プロジェクトの途中で望まれない命名が発生する
間に数値を挿入する必要がある:mid-large
最初の基準が端に寄りすぎた:xxxxxxs
望まれない命名を整理するには大規模なマイグレーションが必要になる
そういったリスクを含んだ命名をするより素直にspacing16やfontSize16などの名前で管理する方が使い回しが良い
大事なのは何に使うかというエイリアスの命名
fontSize32 -> Heading1にエイリアスして、通常はHeading1を使う
code:CSSSだとこういうの.css
.heading-1 {
font-size: ${font.size32}px;
font-weight: ${font.weight.bold};
}
色
色についても似たようなことを感じているが、文化的にバッファを大きくとる(100単位)のであまり困らなかった
blue100 ~ blue800に最初は8色を割り当てることで割り込みが容易
あと色はマイグレーションしやすい
レイアウトが崩れることはないから
微調整したとしてもユーザーがほぼ気づかないこともある
枷にならない場合
Design Systemが完全に独立したプロダクトである場合
破壊的変更だから頑張ってアップデートしてねという態度を取れる
ユーザーにコストを強いていけ