5 分钟用 AI Studio 将 PSD 导入 Unity UI

为什么 PSD 进 Unity UI 仍然很慢

多数游戏 UI 仍从 Photoshop 起步。设计师交付带按钮、面板、图标和字样的分层 PSD 后，程序往往要在 Unity 里花数小时重建同一套结构：Canvas、RectTransform、Image、TextMeshPro 以及嵌套预制体。

目标不只是「把像素弄进引擎」，而是：

• 保留正确的图层层级与命名
• 锚点与安全区能适配不同分辨率
• 产出可复用预制体，而不是场景里的一次性节点
• PSD 改版时有清晰的再导入路径

本指南介绍一套 5 分钟导入流程，使用 VberAI AI Studio——VberAI 的 AI Studio 设计稿转引擎工具（左侧 PSD / Figma，中间画布预览，右侧导出到引擎）。也会说明 PSD 侧应如何准备，才能让导入结果更干净。

开始之前需要准备什么

打开 Unity 前先确认：

• Unity 2022.3 LTS 或 Unity 6（本指南以 uGUI 为主）
• 分层 PSD（不要只用合并后的 PNG）
• 在 VberAI 使用 VberAI AI Studio（AI Studio）
• Unity 项目中已有 Canvas 场景（建议 Scale With Screen Size）

PSD 规范清单（最省时间）：

做法	原因
每个控件单独成组	便于对应预制体根节点
统一命名（如 Btn_Start、Panel_HUD）	Hierarchy 里更好找
避免不可控的合并特效	减少 Image 组件手工修图
按 1x 出稿或注明缩放比例	避免 RectTransform 尺寸异常

用 AI Studio 的 5 分钟流程

第 1 分钟 — 上传并检查图层

1. 打开 AI Studio，新建 PSD 导入任务。
2. 上传 .psd 文件。
3. 在图层面板确认分组是否对应 UI 模块（顶栏、底栏、按钮行、弹窗等）。

AI Studio 会保留 PSD 结构，而不是只给你一张需要反向拆解的图集。

第 2 分钟 — 在画布上预览

1. 选中主界面或根画板分组。
2. 在中间画布检查间距、字体与叠放顺序。
3. 在检查器中修正明显问题（重命名分组、隐藏调试层）。

若某层是装饰还是可点击控件，建议在此阶段就分组标记，可减少 Unity 里的清理工作。

第 3 分钟 — 映射为 Unity UI 语义

在导出设置中：

• 目标引擎：Unity
• 输出类型：UI 预制体 / 可直接挂 Canvas 的层级（不要仅导出散图）
• 文本层优先 TextMeshPro
• 面板、按钮等可拉伸区域保留 9-slice 能力

AI Studio 会把设计图层翻译为引擎概念：RectTransform 布局、Image 精灵、文本组件——而不是把一张 PNG 丢到 Canvas 上就结束。

第 4 分钟 — 导出到 Unity

1. 点击 Export to Unity（或按 Studio 当前流程下载 Unity 包 / 工程补丁）。
2. 在 Unity 中导入到 Assets/UI/（或团队约定目录）。
3. 打开生成的预制体，检查 Canvas 子节点与锚点。

你应能看到与 PSD 分组对应的预制体层级，可直接拖到现有 Canvas 下。

第 5 分钟 — 进场景并冒烟测试

1. 将预制体拖入场景 Canvas。
2. 进入 Play Mode，分别在 16:9 与竖屏比例下查看。
3. 记录锚点或字体回退问题；优先在预制体模式修改，暂不必立刻回 PSD 整页重导。

若团队已使用 Unity MCP，可在导入后让 AI 客户端批量重命名节点或绑定按钮引用——对 PSD 里 Group 47 这类通用命名尤其有用。

不用 AI Studio 时的手工路径

传统做法通常是：

1. 从 Photoshop 切 PNG
2. 在 Unity 导入 Sprite
3. 手工创建 Image / Text
4. 用 RectTransform 锚点重做布局

单屏 UI 往往需要 30–90 分钟，因此重复性界面工作更适合设计到引擎的自动化工具。

导入后常见问题

文字样式不对 — 为 TMP 指定与设计一致的 Font Asset；回退字体常与 Photoshop 不一致。

真机发糊 — 检查 Canvas Reference Resolution 与 Sprite Pixels Per Unit；避免把小图标放大超过 100%。

按钮点不到 — 确认 Canvas 有 Graphic Raycaster，可交互 Image 开启 Raycast Target。

iPhone 安全区被裁切 — 在预制体根节点加 Safe Area 布局或内边距。

何时重新导入 vs 在 Unity 里改

情况	建议
只改两个按钮颜色	直接在 Unity 改预制体
布局重构（新增页签）	在 AI Studio 重新导入 PSD
新增整屏	新画板 → 新预制体
加多语言	优先 TMP + 字符串表

布局以 PSD 为源、逻辑与交互留在 Unity，能避免反复合并的痛苦。

与 VberAI 产品栈的关系

VberAI AI Studio（AI Studio）负责设计稿 → Unity UI 结构。Unity MCP（可选）适合导入后的编辑器自动化——挂按钮、换图、校验引用。AI Super Matting 则适合图标层在变成 Image 组件前做透明抠图。

三者组合可以缩短从稿到可玩 UI 的周期，又不必抛弃美术已熟悉的 Photoshop 工作流。

结语

在 PSD 被当作「结构化数据」而非单张图片、并用 AI Studio 输出 Unity 层级的前提下，5 分钟完成 PSD → Unity UI 导入是可行的。准备好命名规范的分组，按 Unity UI 语义导出，预制体挂到 Canvas 下，再用两种宽高比冒烟测试即可。

想在下一张界面上试一遍？打开 VberAI AI Studio，上传分层 PSD，一次导出你的第一个 Unity UI 预制体。