デザインシステムのコンポーネント数はどう決める?
コンポーネントが少なすぎると画面ごとに場当たり的な例外スタイルが増え、多すぎると似たコンポーネントが重複して保守が難しくなります。この計算機はサービス規模と画面数を入力すると、適正なコンポーネント数の範囲を提案します。
規模別の基準
初期スタートアップは20〜40個、中規模サービスは40〜80個、大規模エンタープライズは80〜150個を基本範囲とし、画面数が増えるほど必要なコンポーネントも増えるよう補正します。
アトミックデザインの比率
推奨数はボタンや入力欄などのアトムが40%、カードやフォームなどのモレキュールが35%、複合画面単位のオーガニズムが25%程度の比率に分けられます。新しいコンポーネントを追加する前に、既存コンポーネントのバリアントで代替できないか検討することが、システムを軽量に保つ鍵です。
よくある質問
コンポーネント数が多すぎるとどんな問題がありますか?
似た役割のコンポーネントが重複すると保守コストが増え、デザインの一貫性が崩れやすくなります。新しいコンポーネントを追加する前に既存のもので代替できないか確認しましょう。
アトミックデザインの比率はどう配分すべきですか?
一般的にボタンや入力欄などのアトムが40%、カードやフォームなどのモレキュールが35%、複合画面単位のオーガニズムが25%程度の構成が均衡的です。