产品介绍
Moon Design System 是最初为 Yolo Group（bet365 相关）开发的开源设计系统，提供可重用 UI 组件、指南和工具，用于构建可扩展、可访问数字产品。它支持多种实现，包括 Elixir（Surface UI）、React（TailwindCSS 和 Styled Components）和 Figma 套件，强调原子设计、多品牌化和 headless 方法，实现灵活功能界面。适合游戏、投注和 Web 应用的产品团队寻求高效工作流。 组件库：表单、按钮、图表、日期选择器、轮播、模态框等，支持变体。 自定义：多品牌支持颜色、主题和风格。 实现：Elixir/Surface、React/Tailwind、Figma 用于设计。 可访问性：注重包容模式（社区反馈中持续改进）。
适用人群
适合构建可扩展、一致数字产品的团队。
核心功能
- 组件库：表单、按钮、图表、日期选择器、轮播、模态框等，支持变体。
- 自定义：多品牌支持颜色、主题和风格。
- 实现：Elixir/Surface、React/Tailwind、Figma 用于设计。
- 可访问性：注重包容模式（社区反馈中持续改进）。
优点
- +开源
- +实时协作
- +调色板生成
- +导出到 CSS/设计工具
缺点
- -采用需要团队协调
- -自定义可能较复杂
/// 规格参数
- 价格:Free
- 平台:Browser
ASSETS_DIRECTORY
/// 相似工具
Horizon Design System
HashiCorp 开源设计系统，用于云管理界面一致可访问设计。
Material Design
谷歌开源设计系统，用于跨平台一致、直观界面
Microsoft Teams UI Kit
Figma 组件和模板，用于设计一致 Teams 应用。
Figma UI2
Figma 官方设计系统，用于产品界面一致可访问设计。
NativeBase Design System
开源 React Native UI 组件库，支持可自定义跨平台可访问设计。
NewsKit
News UK 开源设计系统，用于数字新闻一致可访问体验。
Orbit
Kiwi.com 开源设计系统，用于旅行预订界面一致可访问设计。
Pajamas
GitLab 开源设计系统，用于产品跨界面一致可访问设计。
gluestack-ui
开源通用 React UI 库，支持 Web 和 Native 应用的可自定义可访问组件。
Goldman Sachs Design System
内部框架，用于金融企业界面一致可访问设计。