设计系统是什么
DS vs 组件库、Atomic Design。
30 分钟
设计系统是什么
设计系统 = 设计令牌 + 组件 + 文档 + 治理,而非单纯 UI 套件。对照 /roadmaps/design-system。 与 ux-design-essentials 互补,聚焦可复用组件库与治理。
学习目标
- DS vs Component Library
- Atomic Design
- Stakeholders
- 成功案例(Material, Polaris)
核心概念
本课对齐 /roadmaps/design-system 对应节点。建议与站内现有课程对照:BI 看 bi-analyst-essentials,体验看 ux-design-essentials,产品看 product-manager-essentials。
示例
Layers: Tokens → Components → Patterns → Pages
练习
- 在路线图页面定位本课覆盖的节点
- 完成一个最小可演示示例或文档
- 写 2 条与 CodeRoadMap 产品的对照笔记
小结
设计系统是什么(dsys-intro)完成后进入下一课,或在路线图中标记已掌握节点。
加载本节练习…