D20 AI生活分论坛｜Design Skills 重构人机设计协作

导语

随着 AI 深度参与设计生产，设计资产正迎来新的消费方式。在 D20 分论坛上，蚂蚁集团 Ant Design Skill 设计负责人史凌超首次分享 Design Skill 构建方法，探索如何将设计师的经验与思考沉淀为 AI 可消费的设计知识，并开源 Ant Design Skill 实践。在这一过程中，设计师正从设计结果的生产者转变为设计规则的构建者，重新定义 AI 时代的人机协作关系，为企业级复杂设计带来新的想象空间。

01 AI 时代，设计资产消费协同在变化

过去一年，我们一直在思考：AI 会如何改变设计系统？我们发现，变化的不只是工具，更是设计资产的消费方式，这也成为我们探索 Design Skill 的起点。

过去，设计系统主要服务于设计师和开发者，设计资产沿着“设计—交付—开发”的线性链路流转；如今，AI 加入协作，各角色都可以借助 AI 探索相关工作，原有设计资产消费协作方式正在被重新定义。一些新问题也随之而来，过去的设计资产，还适合被 AI 准确消费吗？

在真实企业级实践中， AI 可以生成海量界面，却暴露了很多痛点问题，包括业务理解有偏差、个性化需求难满足、方案筛选较困难、缺乏设计专业决策等。为什么 AI 面对已有设计资产显得力不从心？

如上图，设计师看到组件，如按钮，会想：这是用来执行什么操作？是不是高频操作？有没有风险？需不需要确认？而 AI 读到的只是按钮的理性代码，缺少设计师思考过程。

所以，设计资产本质没有改变，但消费对象和消费方式变了。过去，人依靠经验理解和使用设计资产；如今，AI 作为新消费对象，需要能够调用、执行和决策的新范式。正因如此，在 AI 时代，设计系统不仅没有失去价值，反而因为规则、约束和标准的重要性而变得更加关键。

当设计资产开始被 AI 消费，AI 能读取组件、Token、代码等静态资产，却缺少背后的设计决策：为什么用、何时用、如何用、如何选择。这种缺失，已经难以满足 AI 时代的设计需求。

AI 时代，Design System 需要双重表达：在 Design Assets 基础上，构建更适合 AI 的 Design Skills。它不是对设计系统的取代，而是设计系统在 AI 时代的延续，让 AI 也能做出正确的设计决策。

02 Design Skill 构造思路和方法

构建前，我们也探索了行业优秀 Design Skills，目前大多聚焦于生成效率和风格多样性；但在企业级复杂设计中，真正困难的并不是生成界面，而是业务理解、设计判断与决策能力。

我们真正需要的 Design Skill，是让 AI 准确理解并做出正确设计决策。它至少回答四个问题：为什么这样设计、什么场景下使用、采取什么策略、调用哪些设计资产表达，是一套包含意图、触发、策略与资产的完整设计能力。

围绕如何构建 Design Skill，我们总结创造思路为三层：设计知识来源路径、核心规则解构，以及 Skill 组织形式。

第一层，来源于什么？可以来自已有设计规范、来自典型业务页面、来自代码仓库实践。Design Skill 不是创造新知识，而是提炼和组织有价值的、可复用的设计经验。

第二层是规则解构。有了来源，我们不会直接编写 Skill，而是先设计拆解：用户目标是什么、处于什么场景、交互链路是怎样、又为何这样呈现。随后，再从不同业务中提炼共性的设计意图、约束、策略和资产。规则解构是构建核心，它决定了告诉 AI 如何做是对的。

第三层是 Design Skill Model。有了规则后，需要把这些规则组织进 Skill。通过四个维度告诉 AI：规则为什么存在、什么时候触发、应该如何执行、调用哪些设计资产。至此，原本零散的设计规则，最终被组织成一套 AI 能够理解、调用和执行的设计技能，并真正落地到工程实践中。

上图左侧是组件 Skill 核心 Markdown，将设计规则组织成 AI 可消费内容；右侧是完整文件包，包含整体说明、样式、组件、模板等相关内容。我们将一类类设计能力打包成 AI 可以稳定调用的能力单元，能够被安装、调用、迭代。

Skill 构建完成后，判断是否有效需满足四个标准：在正确场景下被稳定识别和触发；覆盖核心业务场景；显著提升 AI 生成结果质量；稳定输出符合预期的设计方案。

03 Ant Design Skill 实践与开源

在企业级复杂产品中，Ant Design 是一套被广泛使用的设计体系，在蚂蚁内部业务中同样承担着重要角色。与此同时，我们也看到，社区已经有不少同学开始探索 Ant Design Skill 实践，这让我们备受鼓舞。作为官方设计团队，我们希望将这份探索继续向前推进，沉淀一套系统化的 Ant Design Skill 实践。

Ant Design 中哪些内容值得做成 Skill？我们没有试图覆盖整个 Ant Design，而是优先选择业务中高复用、形态稳定，且 AI 当前生成效果仍不理想的场景。基于这些判断确定了第一批 Skill 建设方向。

第一类是全局样式，由于 AI 生成结果与最新的 Ant Design 视觉规范存在偏差，首先对齐 Design Token 与整体设计标准；第二类是复杂组件；第三类是布局导航。

我们将这些内容进一步组织为 Skill，不仅沉淀了设计系统的核心规则，也统一了整个 Skill 体系。

Ant Design Skill 不只是一份文档，而是一套完整的设计能力体系，包含 Skill 指南、样式、组件、模板规则以及相关代码脚本，能够被 AI 稳定理解和调用。

Ant Design Skill 具备三个核心特点：精选设计资产、注入专业知识、来源真实业务。我们测试采用相同提示词、普通模型，在新项目中进行一轮对话生成，下面为使用 Skill 前后对比案例：

总结 Ant Design Skill 三个关键词：确定性、生长性、开放性。确定性，让设计师和 AI 都知道什么是正确设计；生长性，意味着将在实践中持续迭代；开放性，则是希望共同推动 AI 时代设计发展。

因此，我们选择把 Ant Design Skill 设计开源，希望能够为整个行业带来帮助。更期待：设计师可以有更多可能性，一起成为 AI 时代 Builder ！本身设计师可以开源，就是一件令人兴奋的事情。

• 👏 开源仓库：https://github.com/AntGroupDesign/Ant-Design-Skill 。

• 🎉 发布彩蛋：同步发布 Design Skill 构建指南，涵盖从构建到测评，已在仓库公开。

• 🥳 开源交流：欢迎加入 Ant Design Skill 开源交流群（钉钉群：28970067505）。

• 

👏 开源仓库：https://github.com/AntGroupDesign/Ant-Design-Skill 。

🎉 发布彩蛋：同步发布 Design Skill 构建指南，涵盖从构建到测评，已在仓库公开。

🥳 开源交流：欢迎加入 Ant Design Skill 开源交流群（钉钉群：28970067505）。

这份探索，来自设计师——它山、弋乐、梦宛、鱼又、曜月。感谢彼此一路同行，在繁忙的日常业务之外，共同完成了这套开源 Ant Design Skill 及其 Design Skill 构建指南。这不仅是我们对 AI 时代设计价值的思考与实践，也承载着对未来人机协作方式的探索。

04 Design Skill ≠ Designer

很多人会问，Design Skill 会不会取代设计师？

事实上，每一次技术变革都会带来类似的讨论。十年前，组件库没有取代设计师，而是让设计师从重复劳动中解放出来。

今天，Design Skill 也是如此。它将稳定、可复用的设计能力交给 AI，而真正的设计判断与决策依然属于设计师。设计师能够深入探索用户心智、构建全新设计模式、定义视觉审美等。更重要的是，设计师也是高质量 Design Skill 的构建者。

蚂蚁集团设计是蚂蚁集团旗下所有设计团队大家庭的官方公众号。来自支付宝、消费金融、财富保险、蚂蚁国际、网商银行等设计团队，云集于此，给大家带来更多行业思考、设计实践、内部八卦和欢乐耍宝。点击下方关注我们，一起发现更多美好～👇️