Design Systems: Build Once, Scale Everywhere
Design System 是连接设计与工程的单一真实来源——一种共享的组件、tokens 和文档语言,能够在团队和代码库增长时保持每个产品界面的一致性。本课程轨道涵盖完整的学科:从建立视觉语言和构建可复用 UI 组件,到治理、工具和使系统在规模扩展时保持活力的自动化工作流。
您将学到什么
您将学会使用一致的排版、色彩和间距来定义视觉语言,然后将这些决策编码为驱动自动化工作流的 design tokens。本课程轨道涵盖构建和文档化可复用 UI 组件、将 design system 集成到消费应用程序中、设置支持版本控制和分发的工具和基础设施,以及应用跨团队推动采用的治理策略。高级课程涵盖复杂的组件模式、贡献模型和衡量系统影响。
学习路径
十二门课程从 A1 到 C1 循序渐进。开篇课程阐述什么是 design system 及其存在的原因。A1 和 A2 涵盖基础和组件库基础知识,而 B1 课程建立实际技能:制作视觉语言、开发可复用组件、编写文档和将系统集成到真实项目中。B2 层级深入 Design System Tooling & Infrastructure、Design System Governance & Adoption 和 Design Tokens & Automation Workflows。课程轨道以两门 C1 课程——Advanced Component Development Techniques 和 Scaling & Evolving Your Design System——结尾,这两门课程涉及当系统超越单个团队时出现的难题。
工作原理
每门课程分为简短、专注的课时,包含交互式练习和实时反馈。当您遇到问题时,AI tutor 随时可用,让您能够按自己的节奏推进学习,而不会失去动力。