设计系统通常包括以下几个关键要素：
1. 设计原则和规范：这些是设计决策的基础，包括品牌指导、用户体验原则等。
2. UI组件库：一套预先设计好的用户界面元素，如按钮、输入框、导航栏等，这些元素可以在多个项目中重复使用。
3. 代码组件：与UI组件相对应的前端代码，它们使设计能够直接转化为软件开发中的实际元素。
4. 文档和指南：详细记录了如何使用设计系统的各个组件和原则，通常以在线格式提供，方便团队成员查阅。
5. 工具和资源：支持设计和开发流程的各种工具，如设计模板、代码库、设计软件的插件等。
一、TDesign（腾讯）
采用 MIT 许可协议，开源开放，持续迭代。 https://tdesign.tencent.com/
二、ArcoDesign（字节跳动）
灵活定制，丰富的原子级组件，全面的生态平台，丰富的物料市场。 https://arco.design/
三、Kingcloud Design（金山云）
由组件、开发、设计资源、⼯具、解决⽅案、设计指南组成，可使⽤KingDesign设计系统快速构建⼀致的数字产品。 https://design.ksyun.com/
四、Ding Design（钉钉）
提炼自钉钉企业级终端产品的交互语言和视觉风格，使用 TypeScript 开发，提供完整的类型定义文件。提供小程序、React Mobile、React PC 的组件支持。 https://ding.design/#/
五、Ant Design（阿里巴巴-蚂蚁金服）
提供一系列设计工具和资源，包括Sketch文件、图标集和代码片段。跨平台兼容，重视可访问性。 https://ant.design/
六、 HiUI （小米）
全量 DesignToken 主题定制，支持灵活主题定制和搭配 ；全面扩充底层 API （150+），提供优秀的组件定制和扩展能力 ；提供通用基础 Utils 和 Hooks，提供稳定好用的工具服务。 https://xiaomi.github.io/hiui/
七、Ke.Design
适合B端， https://design.ke.com/
八、Zan Design System（有赞）
提供客户管理、在线营销、在线销售、门店管理等全面提高经营效率的系统解决方案，有 SaaS 产品，也有 PaaS 云。 https://design.youzan.com/index.html
九、Mand Mobile （滴滴前端团队） 后台设计系统
该组件库已广泛应用于滴滴四大金融业务板块，覆盖逾十款重点产品。基于 Vue 2 开发的前端 UI 组件库，项目源码基于 Apache 2.0 开源协议托管在 Github 上，任何个人和公司都可以免费下载使用，也可以用在商业项目上。 https://didi.github.io/mand-mobile/#/zh-CN/home
十、NutUI-JDT（京东）
移动端组件库，使用 Vue 语言来编写可以在 H5，小程序平台上的应用。 https://nutui.jd.com/jdt/？theme=jdt&ref=88sheji.cn#/
十一、Titian Design（微盟移动端核心业务）
基于 Web Components 支持 React、Vue 3 开发技术栈，采用 MIT 许可协议。 https://titian.design.weimob.com/
十二、Semi Design（抖音）
可重复使用的模块，降低前端的搭建成本。 https://semi.design/zh-CN/
十三、HarmonyOS（华为）
https://developer.huawei.com/consumer/cn/
👨🌾 坦白讲，小公司没Design System。我想做设计的同志们心理都有数，老板/上级 觉得价值不大，不应该浪费时间做这些。
真的，在我眼里看。这些公司都不配叫公司，只能叫组织化作坊。
Design System 对品牌、甚至产品都是非常基础、非常底层的东西，没有这些东西，你搞个屁呢？就设计一些物料就TM的System 了？
©废话集℠
