2026.06 / AI 辅助设计交付
设计师自主提交代码链路
Vibe Coding 工具已经成熟到让设计师可以修改真实的产品代码。但在复杂业务里，“能不能用 AI 写代码”往往不是瓶颈，“能不能跑起来环境”才是。
设计全流程交付
设计师独立走完从改代码到提交的全流程
总计节省人力
团队通过 Vibe Coding 节省的工时
环境搭建耗时
从与研发沟通半天缩短到设计师独立约 15 分钟
让设计师写得动代码
我们的产品横跨多个代码仓库，每个模块的配置方式、预览方式和提交流程都不一样。过去，一个设计师想要开始 Vibe Coding，首先要和对应模块的研发沟通半天，搞清楚怎么拉代码、怎么装依赖、怎么起服务、怎么提交。大部分人卡在第一步就放弃了。
我的目标是把这些复杂的环境知识文档化，让 AI Agent 代替研发完成环境搭建，设计师只需要关注“改什么”。
对复杂业务来说，Vibe Coding 不是一句“帮我改代码”，而是一条能被 AI 读取、执行和验证的交付链路。
研发知识文档化
核心思路很直接：每个模块的环境配置是确定性知识，不应该每次都靠人口传心授。我把它变成文档，让 AI 来读、来执行。
与各模块研发逐一沟通，了解各自的代码仓库、分支策略、启动方式、预览方式和提交规范。每个模块都不一样，没有统一做法。
把每条流程整理成 AI 可理解的文档。关键不是写给人看的教程，而是写给 AI 执行的指令：哪些步骤由 AI 自动完成，哪些需要设计师本人操作，每一步可能遇到什么报错。
针对每条流程逐一验证，确保 AI 读完文档后可以独立完成环境初始化，打通从权限申请、代码拉取、依赖安装、预览启动到提交 MR 的完整链路。
这件事本身没有高深技术门槛，核心工作是沟通和整理。但正因为没人系统做这件“不性感”的事，团队的 Vibe Coding 长期停留在“个别人能跑通”的阶段。
设计师的三步闭环
文档完成后，设计师的操作被简化到三步：
一次性前置操作：申请研发网络权限和代码仓库权限。文档里标注了申请入口和所需权限等级，照着做即可。
把上手指南发给 AI Agent，它会自动拉取代码仓库、安装依赖、启动本地预览。过去这一步需要和研发沟通半天，现在 AI 独立完成，大约 10-15 分钟。
在本地预览中用自然语言描述修改，AI 改代码；设计师在浏览器验收；确认后让 AI 创建 MR，发给研发审核合入。
指南覆盖了多条业务线的完整流程：AI 组件库、应用模式、仪表盘等。每条流程配置不同，但设计师不需要理解差异，文档已帮 AI 做好路由。
链路跑通之后，设计师可以在本地预览里直接验收 AI 的修改。对设计师来说，这一步的关键不是理解全部工程细节，而是能判断修改是否符合设计预期，并知道什么时候继续、什么时候回退。
基础设施决定上限
截止统计日，通过这条链路，团队已完成 6 个设计提案和 23 个设计全流程交付，总计节省 39 人天。更重要的是，链路已进入团队日常工作流，不再依赖个别人的经验。
每个模块的研发都知道自己的环境怎么配，但这些知识散落在不同人脑子里。收集、整理、验证成 AI 可读文档，本身就是最大工作量。工具再强，知识没结构化，团队就无法规模化使用。
表面上节省了研发与设计的沟通成本。更深层的变化是：设计师开始直接接触代码仓库，理解组件真实结构，设计判断更贴近工程现实。过去“设计稿到还原”的信息损耗，正在被“设计师直接改代码”逐步消解。
