产品介绍
SAP 设计系统，主要为 SAP 应用的 SAP Fiori，是一个开源设计系统，提供指南、组件和工具，用于构建 SAP 生态（S/4HANA、SuccessFactors、Ariba 等）中一致、以用户为中心和可访问的企业体验。它遵循以人为本设计原则，提供 Web 和移动 Fiori 指南，可重用 UI 模式、主题化和可访问性标准。系统包括 Figma 套件、代码库（React/Angular/Vue 的 Fundamental Library）和详尽文档。 Fiori 指南：SAP 应用 UX 核心原则，注重基于角色、愉悦和连贯体验。 组件库：可重用元素如表格、表单、图表和导航，支持亮/暗/高对比主题变体。 主题与令牌：Quartz Light/Dark、Horizon 主题；语义颜色、排版、间距。 工具：Figma UI Kit 用于原型；openUI5 和 Fundamental Styles 用于实现。 可访问性：符合 WCAG 2.1 AA，键盘导航、屏幕阅读器支持。
适用人群
适合构建可扩展、一致数字产品的团队。
核心功能
- Fiori 指南：SAP 应用 UX 核心原则，注重基于角色、愉悦和连贯体验。
- 组件库：可重用元素如表格、表单、图表和导航，支持亮/暗/高对比主题变体。
- 主题与令牌：Quartz Light/Dark、Horizon 主题；语义颜色、排版、间距。
- 工具：Figma UI Kit 用于原型；openUI5 和 Fundamental Styles 用于实现。
- 可访问性：符合 WCAG 2.1 AA，键盘导航、屏幕阅读器支持。
优点
- +开源
- +调色板生成
- +无障碍对比度检查
- +全面的设计系统
缺点
- -采用需要团队协调
- -自定义可能较复杂
/// 规格参数
- 价格:Free
- 平台:Browser / iOS / Android
Atlassian Design System
一致、可访问产品界面的全面指南和 Figma 组件。
Carbon Design System
IBM 开源 UI 框架，用于一致、可访问的企业产品。
Cloudscape Design System
AWS 开源 UI 框架，用于一致、可访问的企业云应用。
Elastic UI
开源 React 框架，用于一致、可访问的企业界面。
Evergreen
Segment 开源 React UI 框架，用于一致、可访问的企业应用。
Flowbite Design System
基于 Tailwind CSS 的开源组件库，带 Figma 套件快速构建 UI。
Forma 36 Design System
Contentful 开源设计系统，用于一致、可访问的内容管理界面。
Friday Design System
开源 Figma UI 套件，支持快速原型和自定义组件。
GOV.UK Design System
英国政府官方框架，用于公共服务一致、可访问界面。
Fluent UI
微软开源 UI 框架，用于 Web、Windows、iOS、Android 和 macOS 一致可访问体验。