产品介绍
Fluent UI 是微软全面开源设计系统和组件库，用于构建跨平台的现代、一致和可访问应用。它包括 Fluent UI React（Web）、Fluent UI React Native（移动）和 Fluent UI Apple/SwiftUI（iOS/macOS），基于 Fluent Design 原则如光线、深度、运动、材质和尺度。广泛用于 Microsoft 365 产品（Teams、Office、Windows），帮助开发者和设计师使用可重用组件和指南创建连贯体验。 跨平台组件：共享设计令牌和模式，用于 Web (React)、移动 (React Native) 和原生 (SwiftUI/WinUI)。 组件库：数百即用元素如按钮、导航、数据网格和控件，支持变体。 设计令牌：颜色、排版、动画、图标和间距，用于主题化。 可访问性：符合 WCAG、高对比模式和键盘导航。 工具：Figma 套件用于原型；React 和 React Native 代码包。
适用人群
适合构建可扩展、一致数字产品的团队。
核心功能
- 跨平台组件：共享设计令牌和模式，用于 Web (React)、移动 (React Native) 和原生 (SwiftUI/WinUI)。
- 组件库：数百即用元素如按钮、导航、数据网格和控件，支持变体。
- 设计令牌：颜色、排版、动画、图标和间距，用于主题化。
- 可访问性：符合 WCAG、高对比模式和键盘导航。
- 工具：Figma 套件用于原型；React 和 React Native 代码包。
优点
- +开源
- +实时协作
- +丰富的图标库
- +调色板生成
缺点
- -采用需要团队协调
- -自定义可能较复杂
Horizon Design System
HashiCorp 开源设计系统，用于云管理界面一致可访问设计。
Cloudscape Design System
AWS 开源 UI 框架，用于一致、可访问的企业云应用。
Elastic UI
开源 React 框架，用于一致、可访问的企业界面。
Evergreen
Segment 开源 React UI 框架，用于一致、可访问的企业应用。
SAP Design System
开源框架，用于 SAP 产品一致、可访问的企业 UI。
Flowbite Design System
基于 Tailwind CSS 的开源组件库，带 Figma 套件快速构建 UI。
Forma 36 Design System
Contentful 开源设计系统，用于一致、可访问的内容管理界面。
Friday Design System
开源 Figma UI 套件，支持快速原型和自定义组件。
GOV.UK Design System
英国政府官方框架，用于公共服务一致、可访问界面。
Goldman Sachs Design System
内部框架，用于金融企业界面一致可访问设计。