blog

Nov 10,2026

デザインシステムは中小企業に必要か。どこまで作るかの3段階

中小企業は約70%がデジタル化「未実施」、UI・UXのデザイナーが社内にいる会社は23.7%。デザインシステムは全部作らなくても止められます。色と文字だけ／部品の使い分けまで／実装まで、の3段階で、どこで止めてよいかを総務省とデジタル庁の公開情報から整理しました。

Contents/headline

デザインシステムとは、色や文字の決まりから、ボタンなどの部品の使い分け、実装のコードまでを1か所にまとめ、誰が作っても同じ見た目と使い勝手になるようにした取り決めの集まりです。

「デザインシステムを作りたい」というご相談が増えています。一方で、作ったものが使われないまま残っているという話も同じくらい伺います。

本記事では、中小企業がどこまで作れば足りるのかを、3つの段階に分けて比べます。

中小企業でつまずくのは、作るところではありません

総務省の「令和8年版情報通信白書」（2026年公表／出典は総務省「国内外における最新の情報通信技術の研究開発及びデジタル活用の動向に関する調査研究」）では、日本企業のうちデジタル化に関連する取り組みを「未実施」と答えた割合が約50%でした。

これを企業の規模で分けた数字が出ています。

企業の規模	「未実施」と答えた割合
大企業	約25%
中小企業	約70%

同じ白書では、デジタル化の課題として「人材不足」が39.4%で最も多く挙げられていました。

さらに踏み込んだ数字もあります。UI・UXに関わるデザイナーが「在籍している」と答えた割合は、日本企業では23.7%、他国の企業では約7割でした。システム開発を自社主導で行っていると答えた割合も、日本は46.0%、海外は約80%です。

つまり、社内に作る人がいない状態で始まることが多い、ということです。

決まりごとを作る作業は、外に出せば終わります。難しいのはそのあとで、新しいページを作るたびに決まりを見て、ずれていたら直す人が要ります。ここが空いていると、半年で誰も見ないファイルになります。

続かない仕組みの話は「インナーブランディングの施策が形骸化する理由と、続けるために決めておくこと」でも扱っております。

デジタル庁のものを見ると、何が要るかが分かります

ゼロから考える必要はありません。デジタル庁が「デジタル庁デザインシステム」を公開しており、案内のページには「官民問わずすべての方が参照できる形で公開しています」と書かれています。

2026年11月時点の表記は「デジタル庁デザインシステムβ版 v2.18.2」で、直近のお知らせは2026年10月21日です。並んでいるものは次のとおりです。

置いてあるもの	中身
ガイドライン	基本デザインと部品の説明
デザインデータ	Figma で配布
実装のコード	HTML版とReact版
絵とアイコン	説明で使う素材

ここで見ておきたいのは、中身よりも更新の履歴です。最初のFigmaのデータが公開されたのが2022年11月、専用のサイトができたのが2024年5月で、そこから版が上がり続けています。「β版」という表記も、完成しない前提であることを示すものとして説明されています。

国の組織が4年かけてまだ更新している、ということです。同じ形を自社で持とうとすると、同じだけ手がかかります。

ただ、そのまま全部を使えるわけでもありません。専用のサイトには、行政機関や公共性の高い組織のサービスで使うことを念頭に作られていると書かれています。

弊社で担当したオフィス構築・卸売業のお客様（従業員約400名）では、既存のサイトに足すか独立したページにするかで認識のずれがあり、既存の部品をそのまま流用すると問い合わせへの誘導が弱まるという懸念が出ました。ヘッダーとフッターのトーンは保ったまま、その部分だけ控えめな新しいデザインにする判断をしております。揃えることと、そこだけ強く見せたいことは、ぶつかります。

どこまで作るか。3つの段階で比べます

全部を一度に作らず、段階で止められます。

段階	決めるもの	向いている状態
1	色・書体・余白の数値	サイトが1つだけ
2	ボタンと見出しの使い分け	サイトやLPが2つ以上
3	実装のコードと名前	社内に開発の方がいる

1. 色と文字と余白だけを決める

A4で1〜2枚に収まる分量です。使う色を3〜5色に絞り、見出しと本文の大きさ、余白の数値を決めます。

これだけで、社外に出すものの見た目はかなり揃います。バナーや資料を別の会社に頼むときにも渡せます。社内にデザイナーの方がいない会社であれば、まずここで止めるのがよいと考えております。

この段階だけを文書にしたものが、いわゆるデザインガイドラインです。デザインシステムは、ここに部品の使い分けと実装が乗ったものを指します。

2. ボタンと見出しの使い分けまで決める

同じ見た目の部品が増えてきたら、次はその使い分けです。「押すと申し込みに進むボタンはこれ」「資料を見るだけのボタンはこれ」のように、役割と見た目を結びつけます。

弊社で担当した株式会社ナウキャスト様では、2つのツールのサイトを短い納期で作るために共通の部品を切り出し、修正を一括で反映できる形にしております。

サイトやLPが2つ以上ある会社は、ここまで来ると作り直しが減ります。逆にサイトが1つだけなら、使い分けを決めるほどの数が集まりません。

3. 実装のコードと名前まで決める

ここは社内に開発の方がいるかどうかで決まります。コードと名前の対応を決めても、更新する人がいなければ、見た目の決まりとコードが別々にずれていきます。

先の白書のとおり、自社主導で開発している日本企業は46.0%です。外の会社に実装を頼んでいる場合、この段階は依頼先と一緒に決めるものになります。自社だけで決めても反映されません。

依頼先ごとの向き不向きは「採用サイトの制作期間は何で決まるか。公開日から逆算する3つ」でも触れております。

まとめ

段階	止めてよい目安
1 で止める	サイトが1つ。更新は年に数回
2 まで作る	サイトやLPが2つ以上ある
3 まで作る	社内に開発の方がいる

経営や広報の担当者の方に最初にやっていただきたいのは、いま社外に出しているものを並べて、色と書体が何種類あるかを数えることです。サイト、資料、採用の案内、バナーを横に置けば出てきます。3種類以内に収まっていれば、段階1の決まりを書くだけで足ります。

見た目の決まりが会社の印象にどうつながるかは「UXとブランディングはどこでつながるか。体験が印象に変わるところ」で扱っております。

よくいただくご質問

Q. デザインシステムは、何人くらいの会社から必要になるのでしょうか

A. 人数ではなく、社外に出すものの数で決まると考えております。社員数が20名でもサイトとLPと資料がそれぞれ別の会社に発注されていれば、段階1の決まりがあるだけで揃います。逆に100名でもサイトが1つだけなら、段階2まで作っても使う場面が来ません。

Q. UI・UXの改善は、どのような進め方になるのでしょうか

A. 先に直す場所を決めるところから始めます。見た目を全体的に新しくするのではなく、問い合わせや応募の数が落ちているページを1つ選び、文言と並び順を変えて様子を見る形です。デザインシステムを作る話と同時に進めると、どちらの効果なのか分からなくなるため、順番に行っていただくのがよいと考えております。

Q. UI・UXの改善を外に頼むと、費用は何で変わるのでしょうか

A. ページ数と、実装まで含むかどうかで変わります。デザインだけを出して実装は社内で行う場合と、両方を頼む場合で分かれます。弊社では月20時間から使えるサブスクリプション型のデザイン支援（.team）もご用意しており、継続して少しずつ直す進め方に向いております。

本記事のように「デザインシステムを作るべきか判断できない」「作ったものが使われていない」とお考えの方は、ぜひ一度弊社へご相談ください。

Have a look at some of our other news

その他のニュースもご覧ください