产品介绍
Cloudscape Design System 是亚马逊云服务 (AWS) 的开源设计系统,用于构建直观、可访问和可扩展的云管理控制台和企业应用用户体验。它提供全面 UI 组件、模式、指南和工具,确保 AWS 服务和第三方应用一致性,强调可访问性(WCAG 合规)、国际化以及 React 实现的开发者效率。 组件库:可重用元素如表格、表单、导航、模态框和数据可视化,支持亮/暗模式变体。 指南:颜色、排版、图标、间距、动画以及语音语气详细规范。 工具:Figma 套件用于原型、React 组件用于实现,以及最佳实践文档。 可访问性与全球支持:内置 ARIA、键盘导航和多语言准备。
适用人群
指南:颜色、排版、图标、间距、动画以及语音语气详细规范。 工具:Figma 套件用于原型、React 组件用于实现,以及最佳实践文档。 可访问性与全球支持:内置 ARIA、键盘导航和多语言准备。
核心功能
- 组件库:可重用元素如表格、表单、导航、模态框和数据可视化,支持亮/暗模式变体。
- 指南:颜色、排版、图标、间距、动画以及语音语气详细规范。
- 工具:Figma 套件用于原型、React 组件用于实现,以及最佳实践文档。
- 可访问性与全球支持:内置 ARIA、键盘导航和多语言准备。
优点
- +开源
- +基于云,无需安装
- +丰富的图标库
- +调色板生成
缺点
- -采用需要团队协调
- -自定义可能较复杂
/// 规格参数
- 价格:Free
- 平台:Browser
ASSETS_DIRECTORY
/// 相似工具

Backstage Design System
Figma 套件,用于 Backstage 开发者门户的 UI 组件和指南。

Base Gallery
Figma 社区文件,展示 UI 组件集合,用于设计灵感和原型制作。

Atlassian Design System
一致、可访问产品界面的全面指南和 Figma 组件。

Carbon Design System
IBM 开源 UI 框架,用于一致、可访问的企业产品。

Elastic UI
开源 React 框架,用于一致、可访问的企业界面。

Evergreen
Segment 开源 React UI 框架,用于一致、可访问的企业应用。

SAP Design System
开源框架,用于 SAP 产品一致、可访问的企业 UI。

Flowbite Design System
基于 Tailwind CSS 的开源组件库,带 Figma 套件快速构建 UI。

Fluent UI
微软开源 UI 框架,用于 Web、Windows、iOS、Android 和 macOS 一致可访问体验。

Animalia DS
Animali 应用的统一设计系统,提供 UI 组件和指南
