研发接入
Unity 侧接入路径
适合负责 Unity 工程、VectoUI 插件接入和 Prefab 生成验证的同学。
蓝湖到 Unity 的 UI 自动化流程
美术上传设计稿到蓝湖
美术同学在 PS / Sketch 等设计软件中，通过蓝湖插件将设计稿、图层和切图信息上传至蓝湖。
01
研发在 Unity 中选择设计稿
研发同学打开 Unity 中的 VectoUI 插件，在插件内找到需要生成的蓝湖设计稿。
02
点击生成 Prefab
选择目标设计稿后，点击生成，VectoUI 开始将蓝湖设计稿转换为 Unity 可用的 UI Prefab。
03
自动生成层级与资源引用
VectoUI 自动生成 UI Prefab 层级结构，并下载、导入和引用相关图片资源。
04
手工拼 UI vs 自动生成 Prefab
传统流程依赖研发手动还原设计稿；VectoUI 将蓝湖设计稿直接带入 Unity 插件生成流程，减少重复搭建、资源处理和对齐工作。
VS
传统 Unity UI 制作流程
手工还原
- 美术完成设计后，需要整理切图、标注和效果参考
- 研发根据效果图在 Unity 中手动创建 UI 层级
- 逐个导入图片资源，并手动拖拽到对应节点
- 反复调整坐标、尺寸、锚点、层级和显示效果
- 设计变更后，部分节点和资源需要再次手动同步
VectoUI 自动化生成流程
自动生成
- 美术通过蓝湖插件将设计稿、图层和切图信息上传至蓝湖
- 研发在 Unity 的 VectoUI 插件中找到对应设计稿
- 点击生成，自动创建 Unity UI Prefab 层级结构
- 相关图片资源自动下载、导入并建立引用
- 研发基于生成结果继续绑定组件、脚本和业务逻辑
蓝湖到 Unity Prefab 的核心自动化能力
VectoUI 将蓝湖设计稿转换为 Unity 可用的 UI Prefab，并通过资源落地、布局转换和后处理接口，帮助团队减少重复还原工作。
正式版
生成 UI 层级结构
根据蓝湖设计稿中的图层关系、节点位置和尺寸，在 Unity 中生成可继续编辑的 UI Prefab 层级。
正式版
图片资源自动下载与引用
将设计稿关联的图片资源下载到 Unity 工程，并自动建立节点引用关系，减少手动导入和拖拽。
正式版
布局与基础样式转换
将坐标、尺寸、锚点、层级和基础样式转换为 Unity UI 可使用的数据。
可扩展
后处理接口扩展自动化
团队可以基于 VectoUI 后处理接口，继续实现组件绑定、命名规范、脚本引用等自动化操作，进一步完善生成后的 UI Prefab。
示例视频
Unity 中的 VectoUI UI 自动化演示
蓝湖设计稿选择、UI Prefab 层级生成、图片资源下载与引用的完整示例。
Unity 插件界面
UI Prefab 层级
图片资源引用
文档路线
蓝湖到 Unity 的接入文档指南
文档内容包括配置设置、Unity 插件导入、高级使用规范，以及 Photoshop / Sketch 美术制作规范。
3 篇文档
美术规范
设计稿制作规范
适合负责 PS / Sketch 设计稿整理、上传蓝湖和资源交付的同学。
建议研发先完成前 3 篇文档的接入验证，美术再按实际使用的软件规范准备设计稿。
蓝湖到 Unity 常见问题
可以。VectoUI 的蓝湖到 Unity 是正式支持的 UI 自动化工作流，可以将蓝湖设计稿转换为 Unity 可用的 UI Prefab。
当前主要支持通过 Photoshop / Sketch 上传到蓝湖的设计稿，并围绕这些设计稿来源提供 Unity Prefab 生成流程。
生成结果包含 UI 层级、节点位置、图片资源引用、字体等界面结构与资源信息。
需要。VectoUI 负责 UI Prefab 结构和资源生成，研发主要负责业务逻辑接入。项目内重复性的补充生成或规则处理，可以通过后处理接口扩展。
核心区别是确定性和效率。VectoUI 通过自动化流程生成 Prefab，减少手工搭建层级、拖拽资源、界面对齐带来的重复工作和结果波动。
接入内容以文档为准，包括配置设置、Unity 插件包导入、高级使用规范，以及 Photoshop / Sketch 美术制作规范。