📄快速接入

Sketch 插件上传指南

安装 VectoUISketch,配置 API Key,选择项目空间并上传 Sketch 设计稿。

最后更新:2026/7/14

Sketch 插件上传指南

VectoUISketch 用于把 Sketch 设计稿上传到 VectoUI 我的空间。上传后,设计稿可以在门户网站管理,也可以在 Unity 的 VectoUI 数据源中选择并生成 UI Prefab。

下载并安装

下载 Sketch 插件:

下载 VectoUISketch 0.1.0

解压后双击 .sketchplugin 文件安装。安装完成后,Sketch 菜单中会出现 VectoUISketch。

打开上传面板

在 Sketch 中打开需要上传的设计稿,进入 VectoUISketch 上传面板。建议先保存当前 .sketch 文件,再进行上传。

Sketch 插件上传面板
Sketch 插件上传面板

配置 API Key

在面板中填写 VectoUI API Key。填写后插件会拉取项目空间列表。

如果没有创建过项目空间,默认会使用 workspace。你也可以在面板中创建新的一级项目空间,新建后会自动选中该空间。

上传选项

  • 上传字体文件:默认关闭。只有需要把字体文件同步到 VectoUI 公共字体库时再开启。
  • 只上传选中内容:默认关闭。开启后只上传当前在 Sketch 中选中的图层或分组,适合只处理页面中的局部 UI。
  • 作为新设计稿上传:默认关闭。复制 .sketch 文件后,如果希望它作为一个全新的设计稿身份进入我的空间,可以开启这个选项。

执行上传

确认 API Key 和项目空间后点击上传。上传过程中插件只展示进度和状态,不展示底层资源明细。

上传成功后会弹出成功提示。

Sketch 上传成功提示
Sketch 上传成功提示

上传后在哪里查看

上传成功后,前往 VectoUI 门户网站的我的空间查看设计稿。门户网站只显示预览图、名称、大小、更新时间和项目空间。

常见问题

上传前必须保存 Sketch 文件吗?

建议保存。插件需要基于当前文档状态生成上传内容,保存后可以减少未保存状态带来的不确定性。

可以创建多级文件夹吗?

不可以。VectoUI 当前只支持一级项目空间。

上传失败怎么办?

先确认 API Key 是否正确、账号空间是否足够、网络是否正常。如果提示剩余空间不足,需要在我的空间中删除不需要的设计稿后再上传。

Sketch 插件上传指南 | VectoUI 接入文档