デザインシステム構築で150万円を無駄にしないために｜6つの壊れ方と立て直しの手順

アーム代表の伊藤です。
デザインシステム構築は一式で150万円〜かかります（アームの場合・2026年9月時点・税別）。この費用が無駄になるかどうかは作り方ではなく、作ったあと誰が維持するかが決まっているかで決まります。

維持の担い手がいないまま作ると、1年から2年で元の状態に戻り、費用は償却されずに消えます。この記事は、最初の表で6つの壊れ方と自社の位置を確かめ、作り直さずに立て直す手順まで最短でたどる構成にしています。

デザインシステムが壊れる原因は運用設計。直すのは正の宣言から

• 壊れ方は6段階で上から順に連鎖
• 6番目に到達するとデータは負債に変わる
• 最初の一手は正の宣言で作業はゼロ

デザインシステムが使われなくなる原因は運用の設計にあります。壊れ方は次の6段階で、上から順に連鎖します。まず自社がいまどこにいるかを確かめてください。

最後の6番目、本番環境を正としてデザインデータを後追いで直す状態に到達すると、デザインデータは資産ではなく負債に変わります。

壊れていた場合の立て直しは棚卸しからです。最初の一手は正はどこかを1つ宣言すること。作業はゼロで、それだけで6番目の壊れ方は止まります。手順の全体は「最小の4手」の章に整理しています。

払った150万円が、1〜2年で消えていく瞬間

• 棚卸しはUIクイック診断で無料・最短1週間
• 維持担い手なしだと150万円は1〜2年で消える
• 効果は売上でなく販管費に表れる

アームの場合、デザインシステム構築は部分整備が50万円〜、一式が150万円〜です（2026年9月時点・税別）。現状の棚卸しだけを先にやりたい場合は、UIクイック診断・改善提案が無料で、最短1週間です。金額の考え方は費用と相場の考え方にまとめています。

回収の見方は、作った金額ではありません。維持の工数が誰の見積もりに入っているかです。

初期費用150万円をかけても、維持の担い手が決まっていなければ、1年から2年で6番目の状態に戻ります。そのとき150万円は償却されずに消えます。逆に50万円の部分整備でも、維持の担い手と判断のルールが決まっていれば、新しい画面が増えるたびに元が取れ続けます。

投資が表れるのは、売上ではなく販管費だった

デザインシステム構築への投資が事業のどこに表れるかも整理しておきます。表れるのは販管費です。画面追加のたびに発生していた確認と手戻りの時間、新しい人が立ち上がるまでの時間、実装との差分を埋める時間。

これらは毎月かかっている固定費なので、削れると効果が続きます。3年分の運用工数と比べてください。1回の制作費との比較では足りません。

直すか作り直すかを、画面・業務・データ・運用の4つの層で決める基準は、こちらで整理しています。

自社のデザインシステムの壊れ具合を、ファイルを開かず判定する4つの質問

• 質問は4つ、1つでも詰まれば兆候あり
• 2番に即答できなければ5番まで進行
• 本番に合わせ直した経験は6番到達

自社がいまどこにいるかは、4つの質問で判定できます。ファイルを開く必要はありません。

1. 色を1つ変えるとき、何画面を触る必要がありますか
2. 「いま何が最新ですか」と聞いて、即答できる人がいますか
3. 登録済みのスタイルとコンポーネントのうち、実際に使われているのは何割ですか
4. 新しい人が入った初日に、どこを見ればいいかを示せますか

1つでも答えに詰まるなら、6つの壊れ方のどこかがすでに始まっています。2番に即答できないなら、5番まで進んでいます。デザインデータを本番に合わせて直した経験があるなら、6番に到達しています。

ここからは、6つの壊れ方の中身と、立て直しの手順です。

デザインシステム構築のあと、現場で実際に起きる6つの壊れ方

• 色変更が100画面中40画面なら年8時間
• スタイル名color1は使用率を見えなくする
• 複製は未来の自分あての請求書になる

ここからは、実際の現場で繰り返し見てきた壊れ方を6つに分けて並べます。特定の案件が分からないよう、複数の現場で共通して見た形にまとめています。

読んでいただきたいのは、6つが独立した問題ではないという点です。上から順に連鎖していて、最後の6番目に到達した時点で、そのデザインシステムは設計図ではなくなります。

壊れる理由は怠慢ではない。今日最も速い選択の積み重ね

• 部品化しない方が当日は速いだけ
• 誰も怠けていない、締切には誠実だった
• 必要なのは部品を使う方が速くなる仕組み

6つを並べると、担当者の管理が甘かったように見えます。実際は逆です。

部品化しないほうが、今日は速い。複製したほうが、今日は速い。命名を考えないほうが、今日は速い。リリース日が決まっているなかで、どれも合理的な判断です。誰も怠けていません。むしろ締切に対しては誠実でした。

壊れるのは、その合理的な判断を打ち消す仕組みが置かれていないからです。だから担当者を責めても直りません。デザインシステム構築で本当に設計すべきなのは、忙しい日に部品を使うほうが速くなる状態のほうです。

同じ構造の壊れ方は、管理画面のUI改善でも起きています。

使われないデザインシステムは、作り直す前に棚卸しする

• 半年〜1年後に同じ相談が再発する
• 部品化は上位2割から始める
• 使われない部品は資産でなく在庫

壊れていると分かったとき、多くの現場が最初に検討するのは作り直しです。ただし作り直しは、たいていの場合最も筋の悪い選択になります。

作り直しても半年後に同じ相談が起きる理由

壊れたのはデータではなく運用だからです。新品のデザインシステムを、維持の担い手が決まっていない同じ組織に渡せば、同じ経路をたどって同じ場所に戻ります。半年から1年後に、同じ相談がもう一度発生するだけです。

作り直しの見積もりが出てきたら、その見積もりに維持の工数が入っているかを確認してください。入っていなければ、それは同じ失敗をもう一度買う契約になります。

立て直しは全部やらない。まず宣言、次に上位2割

全部を一度にやる必要はありません。順番があります。

1番目が最も重要で、最も軽い作業です。「これからはFigmaを正とします。本番と食い違ったらFigmaを直すのではなく、実装を直します」と宣言する。それだけで6番目の壊れ方は止まります。手を動かす前に、この線を引いてください。

立派に作り直さない。担い手を決めてから広げる

網羅性の高いデザインシステムは、作った瞬間が最も美しく、その後ずっと維持コストを払い続けます。いま困っている範囲から作ってください。使われない部品は資産ではなく在庫です。

そして作る前に、誰がどのタイミングで部品へ還元するかを決めます。ここが決まらないまま着手すると、6つの壊れ方のどこかに必ず入ります。決められない事情があるなら、決められる範囲までスコープを小さくするほうが安全です。

デザインシステム構築そのものの進め方と対応範囲はデザインシステム構築に整理しています。

費用の考え方全般は、UI/UXデザインの費用相場にまとめています。

よくある質問

デザインシステム構築で150万円を無駄にしないコツは、正を1つ宣言する立て直しにある

デザインシステム構築が失敗するのは運用の設計が抜けているからです。壊れ方には順番があり、本番環境を正としてデザインデータを後追いする状態まで進むと、データは負債になります。立て直しは棚卸しからで、正を1つ宣言するところから始まります。

アームは、デザインシステム構築の前段にある現状の棚卸しと、維持の担い手を決めるところから関わっています。作り直すべきかどうかの判断からで構いませんので、よければご相談ください。