デザイナー2名、エンジニア5名のチーム。プロダクトが増えてきてUIにバラつきが出始めてます。デザインシステム入れたいが、フルでやる工数は厳しい。 「まずここから」の最小スコープで始めた事例、共有ください。
デザインシステム、最小スコープで始めるなら以下の順序がおすすめ： **Phase 1（1ヶ月）** - カラートークン（Primary/Secondary/状態色） - タイポグラフィ（見出し・本文の階層） - 余白の8/16/24/32ルール **Phase 2（追加1ヶ月）** - ボタン・入力フィールド・カードの基本コンポーネント - 状態（hover/disabled/error）の網羅 **Phase 3（その後）** - パターン（ヘッダー・フォーム・テーブル） - ドキュメント整備 **やらないこと** - アイコン全部の統一（個別対応で十分） - アクセシビリティ完全準拠（後追いでOK） - 複雑なコンポーネント（Modal・Drawer等は使う場面で個別最適化） Figmaの「Variables機能」が便利。色・サイズ・スペーシングをトークン化すると、後の更新が圧倒的に楽になります。
Notion・Figmaのテンプレ集を眺めると、最近のトレンドが効率よく拾えますよ。アイデアに詰まった時に重宝してます。