能力状态总览 · 1 条正式链路,3 条 Beta

蓝湖设计稿一键
生成 Unity UI Prefab

当前正式支持 蓝湖 → Unity蓝湖 → Cocos、Figma → Unity、Figma → Cocos 为 Beta。Unity 之外的平台扩展与 Agent / 插件市场仍在规划中。

先看公开演示,再去文档确认接入步骤和前置条件。

0s
生成耗时(参考)

标准复杂度设计稿,从点击到 Prefab 就绪约 10 秒;实际耗时随图稿规模与网速略有差异

0%
设计还原率目标

坐标、锚点、层级、字体全量映射;还原效果以输入规范内的蓝湖图稿为准

0
正式支持引擎

Unity 已正式支持;蓝湖 → Cocos、Figma → Unity、Figma → Cocos 仍处于 Beta。

0
额外切图导出

美术正常在蓝湖标记切图,无需另行导出或打包资源给研发

告别手动拼 UI

从耗时数天的人工还原,到秒级完成的自动化管线。

传统 Unity UI 制作流程

耗时: 1 小时 - 2 天
  • 美术完成设计,手动标记并导出元素切图与效果图
  • 将切图资源与效果图打包,发给客户端研发
  • 研发垫底效果图,手动逐个创建 UI 节点元素
  • 手动拖拽对齐,逐一核对坐标、Anchor 与字号
  • 编写代码定义变量,手动逐一引用每个 UI 对象
  • 提交美术走查,反复修改与重新对齐,循环往复

VectoUI 自动化管线

耗时: 约 5 秒
  • 美术在设计稿中标记切图,正常上传蓝湖,无额外导出操作
  • 研发在 Unity 打开 VectoUI 插件,一键点击「生成 UI」
  • 约 5 秒后,所有切图资源自动下载至本地工程
  • Prefab 自动创建完毕,层级与元素位置 100% 精准还原
  • 可选:自动生成代码并引用变量,自动压缩图片资源
  • 美术效果直接就绪,无需反复走查与调整

极其优雅的四步走

设计无缝介入

美术在 Photoshop 或 Sketch 中完成创作后,通过蓝湖上传共享,无需改变任何作图习惯与图层命名。

01

云端智能解析

借助蓝湖原生插件一键上传,VectoUI 云端引擎自动解析图层结构,提取为标准化的中间格式。

02

一键闪电编译

研发在 Unity 中打开 VectoUI 插件面板,选中所需界面,点击瞬间触发云到端的编译生成。

03

纯粹逻辑绑定

获得结构完整、自带资产的原生 Prefab 组件,研发直接进行业务逻辑绑定,美术设计即是 UI 制作。

04

当前状态与扩展方向

当前正式支持 蓝湖 → Unity;蓝湖 → Cocos、Figma → Unity、Figma → Cocos 为 Beta。Unity 之外的平台扩展与 Agent / 插件市场仍在规划中。

正式版
蓝湖→Unity
蓝湖→Unity
蓝湖→Unity
蓝湖→Unity
蓝湖→Unity
蓝湖→Unity
蓝湖→Unity
蓝湖→Unity
Beta 内测中
蓝湖→Cocos
Figma→Unity
Figma→Cocos
蓝湖→Cocos
Figma→Unity
Figma→Cocos
蓝湖→Cocos
Figma→Unity
Figma→Cocos
蓝湖→Cocos
Figma→Unity
Figma→Cocos
蓝湖→Cocos
Figma→Unity
Figma→Cocos
蓝湖→Cocos
Figma→Unity
Figma→Cocos
蓝湖→Cocos
Figma→Unity
Figma→Cocos
蓝湖→Cocos
Figma→Unity
Figma→Cocos
规划中
更多平台
Agent / 插件市场
更多平台
Agent / 插件市场
更多平台
Agent / 插件市场
更多平台
Agent / 插件市场
更多平台
Agent / 插件市场
更多平台
Agent / 插件市场
更多平台
Agent / 插件市场
更多平台
Agent / 插件市场

重塑 UI 开发流程

让美术专注于设计,让研发专注于逻辑——系统性消除设计与研发之间的还原损耗。

正式版

100% 像素级无损还原

完整保留坐标、锚点、层级结构与字体对齐。你在 PS 或蓝湖上看到的设计稿,就是引擎中跑出来的 UI,无需逐像素走查。

正式版

全自动资源管线

云端自动切图,引擎端一键静默下载应用,告别繁琐的手动拖拽找图。

正式版

VectoUI 编译引擎

独立的跨平台中间层架构,将设计稿视觉信息转化为引擎可直接还原的标准化格式,不依赖任何单一平台架构。

正式发布 · 持续打磨

蓝湖→Unity 已正式发布,可直接接入生产。蓝湖→Cocos、Figma→Unity、Figma→Cocos 三条链路内测中,持续验证稳定性与覆盖度。后续将分阶段推进更多平台层扩展与 Agent / 插件市场。

蓝湖→Unity蓝湖→CocosFigma→UnityFigma→Cocos
LIVE DEMO

亲眼见证,秒级生成

从蓝湖设计稿到 Unity Prefab,全程 10 秒,零人工干预

亲眼见证,秒级生成 - 从蓝湖设计稿到 Unity Prefab,全程 10 秒,零人工干预
10 秒生成
100% 还原
零切图操作

透明定价,按需选择

从个人开发者到专业团队,每个阶段都有最合适的方案

月付年付包年更划算
Free
$0永久免费
永久免费,无需信用卡

适合先通过邀请码验证链路,快速体验 VectoUI 的转换能力

  • 限制 1 个设备
  • Unity 插件
  • 蓝湖 / PS / Sketch 接入
  • 高级组件识别
  • 自定义后处理
  • 代码自动生成并引用变量
  • TMP 字体自动处理
最受欢迎
Pro

适合活跃开发者,无限量高频使用,解锁全部专业功能

  • 编译服务:不限数量
  • 设备数量:2 个
  • 高级组件识别
  • 自定义后处理
  • 代码自动生成并引用变量
  • TMP 字体自动处理
  • Unity 插件
  • 蓝湖 / PS / Sketch 接入
Ultra

适合大型项目与多设备工作流,20 设备同时在线无上限

  • 编译服务:不限数量
  • 设备数量:20 个
  • 高级组件识别
  • 自定义后处理
  • 代码自动生成并引用变量
  • TMP 字体自动处理
  • Unity 插件
  • 蓝湖 / PS / Sketch 接入

常见问题

当前正式支持 蓝湖 → Unity;蓝湖 → Cocos、Figma → Unity、Figma → Cocos 处于 Beta,其他平台扩展仍在规划中。
VectoUI 专注于「极致的视觉还原」,将静态 UI 设计稿 100% 转化为原生的 Unity 组件、层级与切图资源。默认情况下不包含交互逻辑,由研发工程师灵活绑定。但 VectoUI 提供了强大的自定义后处理能力:你可以配置自己的工作流规则(例如:命名包含 "Btn" 的节点自动添加按钮脚本),让 VectoUI 在生成 Prefab 时自动为符合规则的组件添加交互逻辑,真正实现从设计到可交互 UI 的一键生成。
完全可以。VectoUI 引擎支持字体资产的映射绑定。只要你在 Unity 中预先导入了该字体包,VectoUI 会自动识别并应用正确的字号、字重与颜色。
接下来会继续打磨 蓝湖 → Cocos、Figma → Unity、Figma → Cocos,再分阶段推进 Unity 之外的平台扩展,以及 Agent / 插件市场。
所有高级功能(包括高级组件识别、自定义后处理、代码自动生成等)在个人版和团队版中均完整支持。主要区别在于设备授权数量:个人版(Pro)支持 2 台设备,团队版(Ultra)支持 20 台设备,适合多人协作场景。此外,团队版在多设备场景下的单设备成本更低,性价比更高。

设计稿已就绪?立即生成吧。

注册账号,上传设计稿,一键生成 Unity / Cocos UI。