ワークスペース
ワークスペースとはUXHubで作業をするメンバーの共有スペースです。ワークスペースでデザインシステムを管理することができ、ワークスペースにメンバーを招待することで、コラボレーションや情報共有が簡単になります。メンバーはワークスペース中でデザインシステムを作成、編集することができます。
ワークスペースとはUXHubで作業をするメンバーの共有スペースです。ワークスペースでデザインシステムを管理することができ、ワークスペースにメンバーを招待することで、コラボレーションや情報共有が簡単になります。メンバーはワークスペース中でデザインシステムを作成、編集することができます。
UXHubに登録したCSS、JavaScript、画像ファイル、React、Vue2、Vue3、AngularのコードはアセットダウンロードからZIPファイルでダウンロードすることができます。 ダウンロードしたZIPファイルを解凍して、そのフォルダ構成のまま開発中のプロジェクトフォルダに配置してプ
デザインシステムの権限をチーム単位で管理することができます。チームを作成することで、チームに所属するユーザーにまとめてワークスペースとデザインシステムの権限を与えることができます。
デザイントークンを定義します。UXHubでは、デザイントークンを単一値と複合値で管理することができます。デザイントークン(単一値)デザインのビジュアルなスタイルを決める色、フォント、アイコン、画像、余白の定義など、多様なスタイル要素とそのプロパティ値を定義します。定義したスタイルの
様々なコンポーネントをプレビューとコードのセットで作成、管理できます。コードはHTML+JS、Pug、React、Vue2、Vue3、Angularの6つのフレームワークの実装を登録できます。HTML、CSS、Javascript、Pug、React、Vue2、Vue3、Angular のコードを
レイアウトはアトミックデザインのテンプレートを登録します。 ヘッダー、フッター、サイドエリアなどの配置など、ページで共通のレイアウトを抽出して登録します。コードはHTML+JS、Pug、React、Vue2、Vue3、Angularの6つのフレームワークの実装を登録できます。HTML、CSS、Ja
「コンポーネント」で作成したUIコンポーネントを使ったページのサンプル画面を作成できます。プレビュー用のサンプル画面は、HTML、CSS、JavaScriptで記述します。画面サイズ設定で各デバイスの画面サイズに応じた表示を確認することができます。レスポンシブ対応の表示も確認できます。
デザインガイドラインを含め、多様なデザインシステムの文書を書くためのフォーマットです。デザインシステムの使用に関する多様な文書を画像やテーブル、コードなどを交えながら自由に記述できます。テキストエディタを使用し、テキストの装飾ができ、テキスト、画像ファイル、添付ファイル、テーブル、罫線のブロックも
複数のアクセスが同時に発生してもデータの整合性を保ち問題なく動作できるよう制御しています。強制的に編集を行うこともできます。この際、他ユーザーによるこのコンテンツへの保存されていない編集内容は失われます。
デザインシステム全体の内容を保存し、バージョン管理ができます。過去のバージョンを保存したり、追加することができ、必要に応じて切り替えて閲覧することができます。