UXHubの使い方

デザイントークン(単一値)の作成

デザインシステムのコンポーネントで共通で使用するプロパティの値やプロパティのセットをデザイントークンと呼びます。
とくにプロパティの値に変数名をつけて管理するデザイントークンを「デザイントークン(単一値)」と呼びます。

新規作成

ページの追加

親階層[…]または小階層[…]押下し、ドキュメントを追加する箇所を選択します。

デザイントークン(単一値)を選択

デザイントークン(単一値)の作成ページが追加されます。
デザイントークン(単一値)は、デザインシステムで使用する各種スタイルのガイドラインを記載したり、「コンポーネント」間で共通に利用できる「デザイントークン」を定義することができます。

デザイントークンの設定

デザイントークンの名前、変数名、種類、値、説明を入力してください。
名前と説明の登録は任意です。

デザイントークン(単一値)を使用すると、上記のようにカラーを整理することができます。

おすすめの記事

TOP