デザインデータ（Figma）v2.14.1を公開しました。
v2.14.1の更新内容
- チップラベル
- アウトラインスタイルの背景色をWhiteに設定
- Style名称を変更
ようこそデジタル庁デザインシステムへ
デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。
デジタル庁のミッションである「誰一人取り残されない、人に優しいデジタル化を。」の実現に寄与することを標榜し、官公庁や地方自治体などの行政機関や公共性の高い組織等のウェブサイト/ウェブアプリケーション/オンラインサービスまたはシステム等で利用することを念頭に置いて構築されています。
デジタル庁デザインシステムの構成
- デザインシステム本体
- 本ウェブサイトです。本デザインシステムの使い方、基本デザインやコンポーネントの仕様、ガイドライン、作例、アクセシビリティのドキュメントなどが含まれます。
- デザインデータ（Figma）v2系
- v2.0.0以降のFigmaファイル です。本ウェブサイトのガイドラインに対応したデザインデータです。Figma Communityから取得できます。
- デザインデータ（Figma）v1系
- v1.x系統のFigmaファイルは以前のバージョンです。v1.x系統のガイドラインやコンポーネントは今後、順次v2系統に置き換えられます。
- コードスニペット
- デザイントークンやサンプルコードです。GitHubに展開します。
- イラストレーション・アイコン素材
- 行政手続きの説明コンテンツ等での使用を念頭に置いて作られたグラフィック素材です。
本ウェブサイトのコンテンツ
お知らせ
-
- コンポーネント：水平メニュー （Rev 001）
- グローバルメニューを水平メニューに名称変更
- コンポーネント：ヘッダーコンテナ （Rev 002）
- グローバルメニューを水平メニューに名称変更
-
「v2.14.1の更新内容」の先頭に戻る
-
- HTML版：アコーディオン
- 色の参照をキーカラーに変更
- HTML版：カード
- 色の参照をキーカラーに変更
- HTML版：カルーセル
- 色の参照をキーカラーに変更
- HTML版：カレンダー
- 色の参照をキーカラーに変更
- HTML版：検索ボックス
- 色の参照をキーカラーに変更
- サイズのバリエーションを追加
- 詳細検索付きの作例を追加
- HTML版：水平メニュー
- 色の参照をキーカラーに変更
- HTML版：タブ
- 色の参照をキーカラーに変更
- HTML版：チェックボックス
- 色の参照をキーカラーに変更
- HTML版：ディスクロージャー
- 色の参照をキーカラーに変更
- HTML版：テーブル／データテーブル
- 色の参照をキーカラーに変更
- HTML版：日付ピッカー
- 色の参照をキーカラーに変更
- HTML版：プログレスインジケーター
- 色の参照をキーカラーに変更
- HTML版：ページナビゲーション
- 色の参照をキーカラーに変更
- HTML版：ボタン
- 色の参照をキーカラーに変更
- HTML版：見出し
- 色の参照をキーカラーに変更
- HTML版：メニューリスト
- 色の参照をキーカラーに変更
- HTML版：ラジオボタン
- 色の参照をキーカラーに変更
- HTML版：リソースリスト
- 色の参照をキーカラーに変更
- React版：アコーディオン
- 色の参照をキーカラーに変更
- React版：カルーセル
- 色の参照をキーカラーに変更
- React版：カレンダー
- 色の参照をキーカラーに変更
- React版：チェックボックス
- 色の参照をキーカラーに変更
- React版：ディスクロージャー
- 色の参照をキーカラーに変更
- React版：テーブル／データテーブル
- 色の参照をキーカラーに変更
- React版：日付ピッカー
- 色の参照をキーカラーに変更
- React版：ファイルアップロード
- 色の参照をキーカラーに変更
- React版：プログレスインジケーター
- 色の参照をキーカラーに変更
- React版：ボタン
- 色の参照をキーカラーに変更
- React版：見出し
- 色の参照をキーカラーに変更
- React版：メニューリスト
- 色の参照をキーカラーに変更
- React版：ラジオボタン
- 色の参照をキーカラーに変更
- React版：ランゲージセレクター
- 色の参照をキーカラーに変更
-
本ウェブサイトのソースコードの可読性を向上しました。