AI 拼游戏 UI：不要直接改 Prefab，用画布导出 Unity / Godot / Cocos

用 Cursor 让 AI「帮我把 HUD 拼进 Unity」，常见结果是：读取 .prefab 文本、修改上万行 YAML——耗时长、Token 成本高，且易损坏 GUID 与 .meta 引用。

更稳妥的做法：AI 不直接改 Prefab；只处理中间层；Prefab 由固定导出程序生成。

本文覆盖常见需求：AI 拼 UI、Cursor 改 Prefab、Unity / Godot / Cocos UI Prefab 导出、Figma / PSD 进引擎而不手搭 Canvas。下文说明中间层分工，以及 VberAI Studio（AI Studio，≠ Google AI Studio）游戏画布路径：设计稿或 AI 整屏 UI → 画布拆分 → 确定性导出 Prefab → Engine MCP 绑逻辑。

---

为什么不要让 AI 直接拼 Prefab

问题	实际表现
文本量	单屏 UI 的 Prefab 常 1 万行以上，读写 Token 成本高
耗时	单次生成或修改常需 10–20 分钟，迭代困难
资源风险	YAML 中改动引用、fileID，可能导致 GUID 丢失、资源断链
难以审阅	diff 多为序列化字段，合并风险高
版本迭代	每次改 UI 需重新生成整份 Prefab，维护成本高

AI 适合理解布局、选择控件、填写字段；不适合充当 Prefab 编辑器。

---

正确分工：中间层 + 确定性导出

链路分为两段：

AI：理解设计 → 产出中间表示（非 Prefab 文本）
固定程序：读取中间表示 → 实例化控件 → 设置 RectTransform → 保存 Prefab

中间层可以是项目自研格式，或 VberAI Studio 游戏画布层级。共同要求是：

• 结构清晰、体量可控，便于 AI 或人工修改
• Prefab 生成 无 LLM 参与，同输入同输出
• 导出前可校验：越界、必填字段、绑定命名

玩法脚本在 Prefab 进工程后由 MCP 编写；UI 结构与玩法逻辑分离。

---

AI Studio 画布：预览、切图、多引擎导出

自研中间格式通常还需：扫描控件库、维护规范文档、开发 Editor 工具、处理切图与换皮。
VberAI Studio 将中间层与导出能力产品化：

能力	作用
游戏画布	整屏 UI 可预览，调整间距与层级后再导出
原位拆分	按钮、面板按原位置拆分，进引擎无整体偏移（拆分说明）
多类输入	PSD / Figma、AI 生图、整屏 PNG 均可导入画布
多引擎导出	Unity UGUI、Godot Control、Cocos UI 同一流程
换皮 / 多语言	换皮、翻译 后整树重导
确定性 Prefab	导出无 LLM 参与，不直接改写 YAML

相对纯文本描述 UI，画布同时覆盖 视觉验收、切图、九宫格、活动换皮——若全部写入自研规范，文档与工具链会快速膨胀。

---

推荐工作流：Figma / PSD → Prefab → MCP

步骤	事项	负责
1	设计稿分层与命名（或由 AI Studio 生成整屏 UI）	设计 / 策划
2	导入 VberAI Studio，在画布检查层级与点击区域	设计 + 程序抽测
3	原位拆分 → 选择 Unity / Godot / Cocos → 导出 Prefab	AI Studio（确定性导出）
4	Prefab 进工程，按 进引擎 MCP 清单 验收布局	程序
5	Cursor + Engine MCP 绑定 Btn_*、血量、弹窗（HUD 示例）	程序
6	提测前完成 发布前 UI 自查	程序 + QA

交稿规范见 设计稿自查清单；七条常见 AI UI 链路见 工具对比。

推荐组合： VberAI Studio + 目标引擎 MCP + Cursor 或 Claude Code。流程演示：3 分钟 UI 视频。

---

按素材选择路径

现有素材	建议路径
PSD / Figma 分层稿	导入 → 拆分 → 导出（Figma 进 Unity）
整屏概念 PNG	落画布 → 原位拆分 → 导出（原位切图）
无现成素材，需 Demo	AI Studio 生成 UI → 拆分 → 导出 → MCP 绑逻辑

最终产出均为引擎内可挂载的 Prefab / UI 层级，而非由 AI 再次改写磁盘上的 Prefab 文本。

---

常见问题

AI 可以直接生成 Unity Prefab 吗？
技术上 LLM 可输出 Prefab YAML，但不建议：文本量大、耗时长、易损坏 GUID，且难以审阅。更稳妥是 AI 处理中间层（画布或自研描述），由固定程序导出 Prefab。

Cursor 拼 UI 和 AI Studio 画布有何不同？
Cursor + MCP 擅长进工程后写脚本、绑节点、Play 验收；不擅长安全地生成整屏 UI Prefab 结构。AI Studio 负责 UI 进引擎；两者组合：画布导出 Prefab → MCP 绑逻辑。

Figma / PSD 如何进 Unity UI，而不手搭 Canvas？
将分层稿导入 AI Studio → 原位拆分 → 导出 Unity UGUI Prefab。Godot、Cocos 同一流程。详见 Figma 到 Unity 与 PSD 切图进 UGUI。

与 Google AI Studio 有何区别？
Google 侧偏通用 Web 与原型；游戏 Prefab 导出见 对比文。

项目有自研 UI 框架，画布是否适用？
导出为标准引擎 UI 组件树。若框架绑定自定义 Prefab 模板，可在进工程后二次封装；仍比 AI 直改 YAML 更安全。

活动换皮是否需重拼？
无需从零手搭。画布 换皮 后重导 Prefab，逻辑层按绑定名少量调整即可。