デジタル庁デザインシステムβ版

ようこそデジタル庁デザインシステムへ

デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。

デジタル庁のミッションである「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。

デジタル庁デザインシステムの構成

デザインシステム本体: 本ウェブサイトです。本デザインシステムの使い方、基本デザインやコンポーネントの仕様、ガイドライン、作例、アクセシビリティのドキュメントなどが含まれます。
デザインデータ（Figma）v2系: v2.0.0以降のFigmaファイルです。本ウェブサイトのガイドラインに対応したデザインデータです。Figma Communityから取得できます。
デザインデータ（Figma）v1系: v1.x系統のFigmaファイルは以前のバージョンです。v1.x系統のガイドラインやコンポーネントは今後、順次v2系統に置き換えられます。
コードスニペット: デザイントークンやサンプルコードです。GitHubに展開します。
イラストレーション・アイコン素材: 行政手続きの説明コンテンツ等での使用を念頭に置いて作られたグラフィック素材です。

2025年10月29日
ガイダンス：アクセシビリティ

「JIS X 8341-3:2016、WCAG、WAI-ARIA等の各ガイドライン」の項におけるリストから、WCAG 2.0勧告およびWCAG 2.1勧告のリンクを削除（このふたつの内容はWCAG 2.2勧告に包含されるため、最新であるWCAG 2.2勧告のみのリンクとした。ただし、WCAG 2.0はJIS X 8341-3:2016と直接互換する勧告、WCAG 2.1は達成基準4.1.1を含む最新の勧告という観点から、参照先ガイドラインとしてはリンク無しでリスト内に存続）