Luke Wroblewski：设计系统正成为 AI Agent 的转向层

LukeW · x · 2026-10-06

深耕设计系统 20 余年的 Luke Wroblewski 发文指出：过去设计系统文档很难让人真正去读、也总是滞后于产品，而 AI Agent 每次写代码都可以被强制读取它们，这给了设计系统一条新出路。

核心主张：当大多数代码由 Agent 编写时，设计系统应成为「AI 转向层（steering layer）」——约束每次网站更新都符合品牌、设计与前端规范。
背景问题：Agent 时代任何人（市场、PM、工程师）都能改网站，若不加约束，各自的 Agent 会实现各自的颜色、间距、语气，站点很快失去一致性。
做法：设计负责人和前端负责人一次性定义栅格、字体、颜色、间距与组件，所有团队成员的 Agent 被自动「对齐」到这套系统，团队持续交付的同时保持站点完整性。
实例：在 Intent 官网用 AGENTS.md 指示 Agent 复用全局样式表中的主题类与 CSS 变量，而非复制粘贴颜色、字体、栅格值；样式表把颜色、字号、响应式栅格、明暗主题定义为 design tokens，并配一个实况展示页供 Agent 检查。

「编程与Agent」频道最新