トークン分類マッパー

トークンをセマンティック、コンポーネント、状態、テーマ のどこへ置くかを、命名や 出力 の前に整理します。

このページは トークン命名の前段に置きます。色やロールは見えているが、置き場がまだ曖昧なときに使います。

他の言語 日本語 | English | 繁體中文

使い方

  1. まず、トークンの値や色方向が大きくは崩れていない状態まで整えます。
  2. 次に、その トークンが全体 か コンポーネント専用か、状態依存か、テーマ差分か、再利用度は高いかを入れます。
  3. 推奨カテゴリを確認してから、命名、監査、出力へ進みます。

便利ツール

命名の前に、置き場を先に決める

このページは「トークンはある」の次に置きます。答えたい問いは、その トークンをどの層で管理するのが自然かです。

命名や 出力 の前に、トークンの置き場を整理します。

JSON プレビュー
テキスト一覧

近いページとの使い分け

トークン命名 は、置き場が決まったあとの キー形式をそろえる段階です。テーマトークン は、実際に テーマ群を作る段階です。このページは、その前に「そもそもどの層へ置くか」を決めたいときに使います。エイリアス設計 は、その置き場が見えたあとで エイリアスの深さを固めたいときに使います。

FAQ

このページで何が決まりますか?

トークンをセマンティック、コンポーネント、状態、テーマのどこに置くべきかを、命名、監査、出力の前段で整理します。

トークン命名との違いは何ですか?

トークン命名は、置き場が決まったあとの キー形式をそろえるページです。このページは、その前に置き場自体を決めるページです。

テーマ Color Tokens との違いは何ですか?

テーマ Color Tokens は、実際に テーマごとの トークン群を作る段階です。このページは、そもそも テーマ 層へ置くべきかを決める段階です。

共有URLには何が入りますか?

トークンの用途、コンポーネント範囲、状態依存、テーマ差分、再利用性、prefix が入ります。