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