Design System

Design System是什么

Design System是一款免费开源的设计系统构建工具，通过令牌、组件和文档的统一管理，帮助团队实现跨产品和跨平台的设计一致性。

由 ivangdavila 开发 | 累计安装 301 次 | 开源协议：MIT-0

Design System的主要功能

• 令牌管理：提供颜色、间距、排版等设计令牌的创建和管理，确保设计元素的一致性。
• 组件库：支持组件的创建、编辑和复用，提高设计效率。
• 文档管理：集成文档编写功能，方便团队共享设计规范和决策过程。
• 跨平台支持：支持CSS自定义属性、Tailwind配置、iOS/Android原生和Figma变量等多种平台。
• 版本控制：提供版本控制功能，方便跟踪设计系统的变更和迁移。

如何使用Design System

• 安装：下载并解压Design System工具包。
• 设置：阅读setup.md文档，了解集成指南。
• 创建令牌：在tokens/目录下定义设计令牌。
• 创建组件：根据令牌创建和编辑组件。
• 编写文档：使用集成文档编写功能，记录设计规范和决策过程。
• 导出：将设计令牌和组件导出到不同平台。

Design System的项目地址

• 项目官网：https://clawhub.ai/ivangdavila/design-system

Design System的应用场景

• 构建跨团队和跨产品的设计系统
• 管理设计令牌和组件库
• 编写和共享设计规范文档
• 实现跨平台的设计一致性
• 跟踪设计系统的版本和变更