Fluent UI

プロダクト概要

Fluent UIは、プラットフォーム全体でモダンで一貫性のあるアクセシブルなアプリケーションを構築するためのMicrosoftの包括的なオープンソースデザインシステムおよびコンポーネントライブラリです。Fluent UI React（ウェブ）、Fluent UI React Native（モバイル）、Fluent UI Apple/SwiftUI（iOS/macOS）を含み、光、深さ、動き、マテリアル、スケールなどのFluent Design原則に基づく統一されたデザイン言語を採用しています。Microsoft 365製品（Teams、Office、Windows）で広く使用され、開発者とデザイナーが再利用可能なコンポーネントとガイドラインでコヒーシブな体験を作成できるようにします。 クロスプラットフォームコンポーネント：ウェブ（React）、モバイル（React Native）、ネイティブ（SwiftUI/WinUI）のための共有デザイントークンとパターン。 コンポーネントライブラリ：バリアントを備えたボタン、ナビゲーション、データグリッド、コントロールなどの数百のすぐに使える要素。 デザイントークン：テーミングのための色、タイポグラフィ、モーション、アイコン、間隔。 アクセシビリティ：WCAG準拠、ハイコントラストモード、キーボードナビゲーション。 ツール：プロトタイピングのためのFigmaキット。ReactとReact Native用のコードパッケージ。

label.best_for

チーム 構築 スケーラブル, consistent digital products.

主な機能

• クロスプラットフォーム コンポーネント: Shared デザイントークン と パターン のための ウェブ (React), モバイル (React ネイティブ), と ネイティブ (SwiftUI/WinUI).
• コンポーネントライブラリ: Hundreds の ready-に-使用 elements のような buttons, navigation, データ grids, と controls を使った variants.
• デザイントークン: 色, タイポグラフィ, motion, アイコン, と 間隔 のための theming.
• アクセシビリティ: WCAG compliance, high-コントラスト modes, と keyboard navigation.
• ツール: Figma キット のための プロトタイピング; コード packages のための React と React ネイティブ.