デザインシステムとUI品質

K / 003　2026.09.01

デザイントークンとは何か。名前をどう決め、定義をどこに置くか

デザイントークンは、色や余白といったUIの値に名前を付けて一元管理する最小単位です。名前の階層の呼び方は出典ごとに違い、仕様の側は階層名を定めていません。名前の決め方、定義をデザインツールと実装のどちらに置くかの判断、定義したのに直値が残る理由を2026年9月時点で整理しました。

K / 002　2026.08.19

デザインハーネスとは何か。4層のうち検証層で最初に詰まる

デザインハーネスは、制約・文脈・検証・評価の4層でAIエージェントの出力を安定させる仕組みです。検証層に並ぶトークン準拠・アクセシビリティ・文字溢れ・フローの理解しやすさは、機械で判定できるものとできないものが混ざっています。実装で詰まる箇所と、作る前に決めておくことを整理しました。

K / 001　2026.08.17

デザインシステムとは何か。スタイルガイドと何が違うのか

デザインシステムの説明は出典ごとに構成要素の数も内訳も違います。共通している定義と割れている点を分けて整理し、作ったものが運用として機能しているかを、逸脱を機械的に判定できるかという角度から見分ける方法を書いています。