Slot
Slot ComponentとはInstanceを入れる事のできる箱のようなものです。FDSでは、このSlot Componentを使う事で高速なモックアップ制作や汎用的なコンポーネントの使用を可能にしています。特徴 - ( 1 )SlotはSpacingおよび縦組・横組の定義を持って
Slot ComponentとはInstanceを入れる事のできる箱のようなものです。FDSでは、このSlot Componentを使う事で高速なモックアップ制作や汎用的なコンポーネントの使用を可能にしています。特徴 - ( 1 )SlotはSpacingおよび縦組・横組の定義を持って
ページにおける大きな情報のまとまりの、数・配置を決めるアイテムです。Sectionは情報のまとまりの箱となるContainerで構成されています。レイアウトの骨格となるため、コンテンツの構造化と整理に役立つ重要な要素です。関連する情報がまとまって表示されることで、ユーザーはコンテンツの構造を理解し
新しいFDSをFigmaのコミュニティに公開しました。新バージョンに伴い、本マニュアルサイトにFigmaデータ用のコンポーネントガイドラインを追加しました。本バージョンでは色や角丸、マージンなどの管理をVariablesでできるようになったバージョンになります。FDS Variables
画面構成の土台となるアイテムです。Drawer Menuの有無や種類、コンテンツエリアのSetionタイプ(Containerの配置方法)を選ぶ事ができます。使い方画面を作成する際に一番最初に使用するコンポーネントです。PropertiesパネルでSectionやDra
Drop ShadowZ軸に沿ったコンポーネント間の距離を表現します。現実世界にあるオブジェクトのように影を落とすことで、ユーザーはオブジェクト同志の位置関係を理解し、直感的に操作できるようになります。後ろにあるものは影が短く、手前にあるものの方が影が長くなります。図に掲載しているコンポーネン
Fontは読みやすさを確保するだけでなく、情報階層の明確化、重要なコンテンツの伝達、ブランドの表現に役立ちます。FDSでは幅広い使用例をサポートするためにより明瞭な印象を与える「BIZ UDPGothic」を使用しています。このFontはWindowsで標準で搭載されており、Macもダウンロードす
FDS - Design Tokens Pluginを使ってColor Tokensの編集を行い、カラーテーマを設計する事ができます。プラグインのインストールFDS - Design Tokens Pluginを使ったカラーテーマの設計一括設定Primary ColorをDrop
FDSでは色とサイズの定義をVariablesで行っています。構成(Collections)Alias ColorMainやLight、HoveredやSelectedといった主な役割を想定した色を定義しています。ハードコードした値ではなくGlobal Tokenを参照していま
UXHubの権限についてUXHubは、ワークスペースとデザインシステムの両方にそれぞれ権限が存在します。ワークスペースとデザインシステムの関係は下記のようになります。そのため、デザインシステムに権限を付与するためには、まずはワークスペースで権限を設定する必要があります。権
FDS for FigmaはFixelが開発したデザインシステムです。FDS for FigmaはFigmaコミュニティで公開されており、利用することが可能です。UXHubと組み合わせて利用することでより便利・スムーズに開発することができます。FigmaコミュニティFDS UI Kit