Photoshop 插件上传指南
安装 VectoUI Photoshop UXP 或 CEP 插件,填写 API Key,选择项目路径,并将 PSD 设计稿上传到我的空间。
Photoshop 插件上传指南
VectoUI Photoshop 插件用于把 PSD 设计稿上传到 VectoUI 我的空间。上传后,你可以在我的空间中查看和管理设计稿,也可以在支持 VectoUI 的目标平台中使用。
选择插件版本
优先使用 UXP 版本,支持 Photoshop 23.3+,可用于 macOS 和 Windows:
如果你的 Photoshop 环境仍需要 CEP 扩展,可以下载 CEP 版本:
安装 UXP 插件
- 解压 UXP 插件包。
- 安装并打开 Adobe UXP Developer Tool。
- 点击 Add Plugin,选择解压后的 dist 文件夹。
- 点击 Load。
- 打开 Photoshop,在 Plugins 菜单中打开 VectoUI。
安装 CEP 插件
- 关闭 Photoshop。
- 解压 CEP 插件包。
- 将 VectoUIPhotoshopCEP 整个文件夹复制到 CEP 扩展目录。
macOS 常用目录:
~/Library/Application Support/Adobe/CEP/extensions
Windows 常用目录:
%APPDATA%\Adobe\CEP\extensions
- 重新打开 Photoshop。
- 在 Window -> Extensions -> VectoUI Photoshop 中打开面板。
如果面板未显示,需要为当前 Photoshop 对应的 CSXS 版本开启 PlayerDebugMode 后重启 Photoshop。
打开上传面板
在 Photoshop 中打开需要上传的 PSD 文件,建议先保存当前文件。然后打开 VectoUI Photoshop 面板。

配置 API Key
在面板中填写 VectoUI API Key。填写后,插件会自动读取可用项目路径。
如果没有创建过项目路径,默认会使用 workspace。你也可以在面板中创建新的一级项目路径,新建后会自动选中。
上传选项
- 上传字体文件:默认关闭。只有需要随设计稿提交字体时再开启。
- 只上传选中内容:默认关闭。开启后只上传当前选中的图层内容,适合上传单个弹窗、按钮组等局部内容。不确定时保持关闭。
- 作为新设计稿上传:默认关闭。复制 PSD 文件后,如果希望它作为一个新的设计稿进入我的空间,可以开启这个选项。
执行上传
确认 API Key、项目路径和上传选项后点击上传。上传过程中插件只展示进度和状态。
上传成功后会弹出成功提示。

上传后在哪里查看
上传成功后,前往我的空间查看设计稿。我的空间只显示预览图、名称、大小、更新时间和项目路径等管理信息。
常见问题
应该选择 UXP 还是 CEP?
优先使用 UXP。CEP 主要用于仍需要 CEP 扩展环境的 Photoshop。
插件是否依赖 Python 或其他外部运行环境?
不依赖。当前 Photoshop 插件是独立插件包,不需要用户额外安装 Python。
Windows 和 macOS 都能安装吗?
可以。UXP 和 CEP 插件包都支持 macOS 和 Windows,但安装路径和打开方式不同。
上传失败怎么办?
先确认 API Key 是否正确、账号空间是否足够、网络是否正常。如果提示剩余空间不足,需要在我的空间中删除不需要的设计稿后再上传。