📄快速接入

VectoUI 设计稿上传与使用指南

了解如何上传设计稿、在我的空间管理和分享,并在目标平台中使用。

最后更新:2026/7/15

VectoUI 设计稿上传与使用指南

这篇文档说明如何把设计工具中的设计稿上传到 VectoUI,在我的空间中管理和分享,并在目标平台中使用。目标平台指最终生成 UI 的软件或项目环境,例如 Unity。

准备 API Key

登录 VectoUI 后,在个人中心查看 API Key。设计工具上传和目标平台读取设计稿时都使用 API Key。

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

上传设计稿

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

上传完成后,设计稿会出现在我的空间中。

在我的空间管理

我的空间用于查看和管理已上传的设计稿。页面会展示设计稿预览、名称、大小、更新时间和所属项目路径等管理信息。

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

分享给指定用户

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

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

被分享用户可以在我的空间看到共享内容,也可以在支持 VectoUI 数据源的目标平台中使用共享设计稿。

在目标平台中使用

在目标平台中填写 API Key,并将数据源切换为 VectoUI。API Secret 会自动生成,不需要手动填写。配置通过后,可以读取你自己的设计稿和别人分享给你的设计稿。

当前已支持 Unity,后续会继续支持更多目标平台。

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

选择项目路径后,目标平台会展示可使用的设计稿信息,包括预览图、名称、大小和更新时间。

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

选择设计稿后即可生成对应平台的 UI 内容。不同目标平台的具体操作,请查看对应平台的使用文档。

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

删除与空间占用

我的空间会统计已使用容量。当前同一设计稿再次上传会覆盖原内容;删除设计稿后,对应空间占用会释放。

常见问题

我的空间会显示完整设计稿内容吗?

不会。我的空间只显示设计稿管理信息。

可以公开分享链接吗?

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

目标平台会保存完整设计稿吗?

不会。目标平台只在使用过程中读取必要内容,不会把完整设计稿保存为本地文件。生成结果按目标平台自身规则保存在项目中。