デザインシステムに関する記事一覧

デザインシステムテンプレート

UXHubには作業の参考になるように、Fixel株式会社が開発したデザインシステム「Fixel Design System」（通称、FDS）を提供しています。このデザインシステムには日本の一般的な業務システムで必要となるUIコンポーネントやページレイアウトがあらかじめ用意されています。Fi

デザインシステムを選択したあとで最初に表示されるページです。該当するデザインシステムに関して、基本的な説明や情報を記載します。ページの上部に「カバー画像」を設定することができます。タイトルの「概要」は変更が可能です。バージョンを指定すると概要ページの下段にバージョン番号が

ワークスペースとはUXHubで作業をするメンバーの共有スペースです。ワークスペースでデザインシステムを管理することができ、ワークスペースにメンバーを招待することで、コラボレーションや情報共有が簡単になります。メンバーはワークスペース中でデザインシステムを作成、編集することができます。

デザインシステムの作成パターン新しくデザインシステムを作成する3つの方法を紹介します。①ワークスペース内に新規作成ワークスペースを指定してデザインシステムを新規作成します。空の状態のデザインシステムを作ることができます。※最大３つまでのデザインシステムを作成することができま

デザインシステムの設定は「基本情報」「テーマ」「権限」の3つの項目に分かれており、それぞれの項目で設定を行うことができます。基本情報①デザインシステムIDデザインシステムを新規作成、または複製した際に設定したデザインシステムIDを表示します。 ※デザインシステムIDは変更することができ

UXHubに登録したCSS、JavaScript、画像ファイル、React、Vue2、Vue3、AngularのコードはアセットダウンロードからZIPファイルでダウンロードすることができます。ダウンロードしたZIPファイルを解凍して、そのフォルダ構成のまま開発中のプロジェクトフォルダに配置してプ

ワークスペースで作成したチームを設定することでチームに所属するユーザーにまとめてデザインシステムの権限を与えることができます。デザインシステムの権限をチーム単位で管理することができます。設定をデザインシステムを選択し、設定画面を開きます。「権限」の項目から「チームを追加」を選

バージョン管理デザインシステム全体の内容を保存してバージョン管理ができます。バージョンの追加や、保存した過去のバージョンに切り替えて見ることができます。過去のバージョンは、編集することができません。①バージョン化ボタン現在の最新の状態をバージョン名をつけてバージョンを作成します。

サイドメニューの編集方法①名称の変更メニュー上の名称を変更することができます。②同階層に追加選択しているメニュー上の項目と同階層にページを追加することができます。③子階層に追加選択しているメニュー上の項目と子階層にページを追加することができます。④削除メニュー上の項目からペ

デザインシステム全体の内容を保存し、バージョン管理ができます。過去のバージョンを保存したり、追加することができ、必要に応じて切り替えて閲覧することができます。