デザイントークンの仕様を書く
収録 2026-11-04
数値より先に命名と階層を決め、似た色の乱立を防ぎます。
製品のデザイントークンを定めます（ブランド情報は以下）。1）命名構造（カテゴリ・用途・階層、例：color/text/muted）；2）余白・角丸・文字サイズの段階数とその理由；3）意味色とブランド色の関係；4）ダークモードの対応方法；5）固定する値とページごとに調整してよい値；6）同じ値に別名が付きやすい箇所。構造のない変数一覧は出さない。
当サイトオリジナル
中国語の原文
使い方
token 的价值是让「这个蓝用哪一级」变成可回答的问题。
こう変えてみる
- スタイル語を、光・レンズ・素材・構図などの測定可能なパラメータに置き換える。
- 同じプロンプトで三つのバリエーションを出させ、差分を比べる。
得られる成果物
- そのまま指定できるパラメータ表（光・レンズ・素材・構図）
- 二〜三の代替案とそれぞれの取舍
よくある失敗
- 「高級感・シネマティック・8K」を並べると毎回結果が変わる。
- 実在ブランドや著名人の再現を求め、似ているが使えない画像になる。
出力のチェック
- パラメータが実行可能で、ツールやデザイナーにそのまま渡せる。
- なぜその光・構図なのか、取捨選択の理由がある。
使いどころと注意
- 向いている用途：曖昧な「高級感」を光・素材・レンズ・構図などの具体的なパラメータに分解する。
- 注意：実在のブランド・著名人・他人の作品は、権利侵害を避けて等価な表現に置き換える。