本文へ移動

リソース

デジタル庁が提供する、デジタル庁デザインシステムのデザインデータや、連携可能な各種リソースです。用途の必要性に応じてあわせてご利用ください。

デザインデータ(Figma)

デザインシステム本体のデザインデータをv2系統のバージョンで提供しています。最新バージョンはFigma Communityから取得してください(要会員登録・無料)。v1系統のデザインデータは、今後はエラー修正のみの更新となります。

ガイドラインについて

本ウェブサイトでガイドラインが準備中のものは、v1系統のデザインデータ内に包含されたガイドラインを参照してください。コンポーネントには互換性があります。

コードスニペット(React)

デジタル庁デザインシステムのコンポーネントの一部をReact / Tailwind CSSベースで実装したサンプル集を公開しています。また、デザインシステムのデザイントークンをベースにしたTailwind CSSプラグインも用意していますので、ご利用ください。

ウェブアクセシビリティ導入ガイドブック

デジタル庁が公開している、アクセシビリティに初めて取り組む行政官の方や事業者向けのガイドブックです。デザインシステムのアクセシビリティガイドラインは、実務者向けの専門的な内容となっていますので、アクセシビリティの基礎から学びたい方はこちらをご利用ください。

イラストレーション・アイコン素材

行政手続きの説明コンテンツ等での利用を念頭に置いて作成されたアセットです。イラストレーション・アイコン素材利用規約の範囲において無料で自由にご利用いただけます。また、デジタル庁 Figma Communityで公開しているv1系統のデザインデータにも含まれています。