FDS for Figma

デザインリソースについて

FDSはFixelが開発したデザインシステムです。FDS UI KitとUXHubを組み合わせて利用することで、開発プロセスをよりスムーズに進めることができます。FigmaコミュニティFDS UI Kitまた、本サイトには上記Figmaの各コンポーネントガイドラインを記載してい

Dialog

Dialogは、重要な情報を知らせ、決定や選択を求めるパーツに対して適用します。設計の原則Dialogは、ページ全体に黒いオーバーレイがかけられた上に表示され、オーバーレイの下に見えている機能は操作できません。使用時の注意・複数のタスクを含む場合があります。一時的にユーザーの

Alert

ユーザーに何かを通知したり、警告したりするために使用されます。Alertを使用して、次のようなメッセージを表示できます。・成功メッセージ・警告メッセージ・エラーメッセージまた、ユーザーに特定のタスク実行を依頼するためにも使用できます。たとえば、次のようなタスクを実行するように依頼できます。

Tree

階層構造を持つデータを視覚的に表示するためのUIコンポーネントです。Treeは、親要素と子要素の関係によって形成される階層構造を視覚的に表現し、ユーザーがデータを探索したり操作したりするのに役立ちます。用途として主にファイルシステム、カテゴリやサブカテゴリの階層、組織図、フォルダとファイル

Tooltip

ユーザーに対して情報やヒントを提供するためのコンポーネントです。通常、ユーザーが要素にカーソルを合わせる（ホバーする）と、関連する情報が短いメッセージで表示されます。ユーザーがカーソルを外すと、Tooltipは非表示になります。Properties（振る舞いの設定）Componen

Toggle tip

ユーザーが表示/非表示を切り替えることができる情報やヒントを提供するコンポーネントです。通常、ユーザーがアイコンやボタンをクリックすると、関連する情報が表示され、再度クリックすると非表示になるように設計されます。短い文字情報のみ表示するタイプのToggle tip Componentは「T

List

1つの主題に関連するコンテンツをグループ化し、表示できます。コンテンツは、さまざまなタイプとサイズの複数の要素で構成できます。Properties （振る舞いの設定）Component Propertiesで設定されている内容。PCSP

Tag

分類または設定や状態をマークする時に使用します。用途に合わせて色を設定したり、追加・削除の機能をできるようにしてください。Properties（振る舞いの設定）Component Propertiesで設定されている内容。

Table

Tableは、データを表形式で表示するためのコンポーネントです。行と列からなるグリッド構造を持ち、セルにデータが配置されます。Tableは、通常、ヘッダー行、データ行、フッター行で構成されます。ヘッダー行は列の見出しを表示し、データ行は実際のデータを表示します。フッター行は、データの集計値

Tab

Tabは、関連するコンテンツをグループ化し、ユーザーがそれらのコンテンツ間を切り替えることで、ページを離れることなく表示を切り替えられるようにするUIです。Tabは、水平に配置された一連のタブ（ボタンやリンク）から成り、各タブには対応するコンテンツが関連付けられています。ユーザーが特定のタ