📄快速接入

VectoUI 云端设计稿工作流

从设计端插件上传、门户网站我的空间管理,到 Unity 生成端使用 VectoUI 数据源的完整流程。

最后更新:2026/7/14

VectoUI 云端设计稿工作流

这篇文档说明从设计端上传、门户网站管理,到 Unity 生成端使用 VectoUI 数据源的完整路径。门户网站只展示设计稿预览和管理信息,不展示底层资源清单或内部布局内容。

准备账号凭证

登录 VectoUI 后,在个人中心查看 API Key。设计端插件上传只需要 API Key;Unity 等生成端读取并生成时需要 API Key 和 API Secret,用于账号和设备授权校验。

个人中心 API Key
个人中心 API Key

上传到我的空间

在 Sketch 或 Photoshop 插件中填写 API Key,选择一个项目空间后上传设计稿。默认项目空间为 workspace,也可以在插件或门户网站中创建新的一级项目空间。

上传完成后,设计稿会出现在门户网站的我的空间中。页面展示设计稿名称、预览图、文件大小、更新时间和所属项目空间,不展示底层资源清单。

我的空间设计稿列表
我的空间设计稿列表

分享给指定用户

你可以把设计稿或项目空间分享给指定的 VectoUI 用户邮箱。VectoUI 不提供匿名公开分享链接,被分享用户需要登录自己的账号后查看。

分享给指定用户
分享给指定用户

被分享用户可以在门户网站看到共享内容,也可以在 Unity 等生成端选择共享给自己的设计稿进行生成。

在 Unity 中使用

在 Unity 插件中配置 API Key 和 API Secret,将数据源切换为 VectoUI。配置通过后,Unity 会读取你自己的设计稿和别人分享给你的设计稿。

Unity VectoUI 数据源配置
Unity VectoUI 数据源配置

选择项目空间后,Unity 会展示该空间下可生成的设计稿信息,包括预览图、名称、大小和更新时间。

Unity 设计稿列表
Unity 设计稿列表

点击生成后,插件会在 Unity 中生成 UI Prefab,并缓存生成所需的图片和字体资源。设计稿布局数据只用于本次解析,不会作为文件保存到本地项目中。

Unity Prefab 生成结果
Unity Prefab 生成结果

删除与空间占用

我的空间会统计用户已使用容量。历史版本、预览图和生成所需资源都会占用空间;当前上传策略默认覆盖同一个设计稿。删除设计稿后,对应空间占用会释放。

常见问题

门户网站会显示上传了哪些资源文件吗?

不会。门户网站只显示设计稿预览、名称、大小、更新时间、项目空间和分享信息。

可以公开分享链接吗?

不可以。当前只支持分享给指定 VectoUI 用户邮箱。

Unity 会把布局数据下载到本地吗?

不会。Unity 只会把生成 UI 需要用到的图片和字体资源保存到本地,布局数据只在内存中解析使用。

VectoUI 云端设计稿工作流 | VectoUI 接入文档