Divider
さまざまな要素を視覚的・意味的にグルーピングするために使用されます。要素をより整理し読みやすくするのに役立ちます。 Variables (色の設定)Primary Color, Neutral Color, それぞれに背景に色が付いている際に使用するStatic Colorが
さまざまな要素を視覚的・意味的にグルーピングするために使用されます。要素をより整理し読みやすくするのに役立ちます。 Variables (色の設定)Primary Color, Neutral Color, それぞれに背景に色が付いている際に使用するStatic Colorが
Linkをクリックする事で他ページへの遷移、ページ内での遷移、ファイルやメールアドレス、電話番号へのアクセス等が行われます。Properties (振る舞いの設定)Component Propertiesで設定されている内容。必要に応じてアイコンを表示する事ができます。
Headerなどに配置するLogoのダミーデータです。配置要素に合わせて拡縮する「Sample-Scale」、配置要素の拡縮に左右されない固定サイズの「Sample-Fix」、具体的なロゴイメージを排除した「Placeholder」の3つを用意しています。Variables (色の設
アイコンを配置する際には「Icon Scale」を使うようにします。アイコンとテキストを並べる際は、できるだけそれぞれが同じサイズに見えるように設定してください。FDSで使用している以外のアイコンを使う場合はGoogle Fontsから検索・導入するかFigma Community
ページ最下部に固定されるコンポーネントです。おもにクレジット表記に使用します。Properties (振る舞いの設定)Component Propertiesで設定されている内容。
Body Textに使用するColor Tokensです。本文のデフォルトカラー、意味のある箇所にアサインするロールカラーを定義しています。Variables (色の設定)各ステート時の配色はこちらを参考にしてください。StyleTokenDefaultG
ワークスペースにユーザーを招待して、複数人でデザインシステムを管理することができます。ワークスペースにユーザーを招待するには、「ユーザーを招待」ボタンを押します。UXHubに登録済みのユーザーを招待するUXHubにアカウントを持っている人を招待する場合は、アカウントID、ニ
デザインシステムの設定は「基本情報」「テーマ」「権限」の3つの項目に分かれており、それぞれの項目で設定を行うことができます。基本情報①デザインシステムIDデザインシステムを新規作成、または複製した際に設定したデザインシステムIDを表示します。 ※デザインシステムIDは変更することができ
「表示するワークスペース」のプルダウンを選択後、「新規ワークスペース」を選択します。※複数ワークスペースを所有するためには上位プランの利用が必要です。①ワークスペース名ワークスペースの名称を入力してください。②サムネイルサムネイル画像をアップロードしてください。後から設定するこ
ワークスペースの管理者は管理画面からワークスペースに所属している他のユーザーの設定を変更することができます。①ワークスペースの権限変更ワークスペースに対する権限を設定できます。②ワークスペースからの削除ワークスペースの所属から外したい場合は、ここから削除することができます。※ワーク