Ishibashi | UXHubマニュアル

Slot

Slot ComponentとはInstanceを入れる事のできる箱のようなものです。FDSでは、このSlot Componentを使う事で高速なモックアップ制作や汎用的なコンポーネントの使用を可能にしています。特徴 - （ 1 ）SlotはSpacingおよび縦組・横組の定義を持って

ページにおける大きな情報のまとまりの、数・配置を決めるアイテムです。Sectionは情報のまとまりの箱となるContainerで構成されています。レイアウトの骨格となるため、コンテンツの構造化と整理に役立つ重要な要素です。関連する情報がまとまって表示されることで、ユーザーはコンテンツの構造を理解し

画面構成の土台となるアイテムです。PC/SPのデバイスに合わせたTemplateを用意しています。TemplateはDrawer Menuの有無や種類、PC版コンテンツエリアのSetionタイプ（Containerの配置方法）を選ぶことができます。使い方画面を作成する際

Drop ShadowZ軸に沿ったコンポーネント間の距離を表現します。現実世界にあるオブジェクトのように影を落とすことで、ユーザーはオブジェクト同志の位置関係を理解し、直感的に操作できるようになります。後ろにあるものは影が短く、手前にあるものの方が影が長くなります。図に掲載しているコンポーネン

FDS UI Kitを更新しました。更新内容については下記をご確認ください。FDS UI Kit更新内容モバイル対応画面レイアウトパターンがモバイルに最適化され、デスクトップ同様ドラッグ＆ドロップによるスピーディで直感的なデザイン構築が可能Variablesの

Fontは読みやすさを確保するだけでなく、情報階層の明確化、重要なコンテンツの伝達、ブランドの表現に役立ちます。FDSでは幅広い使用例をサポートするためにより明瞭な印象を与える「BIZ UDPGothic」を使用しています。このFontはWindowsで標準で搭載されており、Macもダウンロードす

不具合修正Vue3のプレビュービルドでエラーが発生する不具合の修正プレビューを別タブで表示した際にレスポンシブ表示が正常に表示されない不具合の修正

FDS - Design Tokens Pluginを使ってColor Tokensの編集を行い、カラーテーマを設計する事ができます。プラグインのインストールFDS - Design Tokens Pluginを使ったカラーテーマの設計一括設定Primary ColorをDrop

不具合修正デザインシステムの複製を行った際に、エイリアスとして登録しているデザイントークンの参照先が正しく複製されず、と表示されてしまう不具合Figma連携でエイリアスのデザイントークンの連携先が正しく登録されず、値が直接登録されてしまう不具合

FDSでは色とサイズの定義をVariablesで行っています。構成（Collections）Alias ColorMainやLight、HoveredやSelectedといった主な役割を想定した色を定義しています。ハードコードした値ではなくGlobal Tokenを参照していま