概念Design System
设计系统
一套包含颜色变量、字体规范、间距标准、组件库及使用规则的系统化设计规范,用于保证产品界面的视觉一致性和开发效率,典型案例包括Google Material Design和Apple Human Interface Guidelines
时间轴 (近 90 天)
9月29日
在生成代码前先定义设计系统(约束主色、字体、间距单位、圆角、阴影等)能让AI输出的组件保持视觉统一
待验证50%
9月29日
在将组件应用到真实业务页面前,先在 /design 路径生成样式指南页面集中审查设计系统,可作为 AI 后续生成的对齐锚点
待验证50%
9月25日
设计系统中一个底层 Token 的修改会通过 CSS 自定义属性或预处理器变量的层层继承影响所有引用它的组件
待验证50%
9月25日
维护设计系统时应重视变更的可回滚性与渐进式发布,避免大爆炸式改动
待验证50%