📄快速接入

Photoshop 插件上传指南

安装 VectoUI Photoshop UXP 或 CEP 插件,填写 API Key,选择项目路径,并将 PSD 设计稿上传到我的空间。

最后更新:2026/7/15

Photoshop 插件上传指南

VectoUI Photoshop 插件用于把 PSD 设计稿上传到 VectoUI 我的空间。上传后,你可以在我的空间中查看和管理设计稿,也可以在支持 VectoUI 的目标平台中使用。

选择插件版本

优先使用 UXP 版本,支持 Photoshop 23.3+,可用于 macOS 和 Windows:

下载 Photoshop UXP 插件 0.2.7

如果你的 Photoshop 环境仍需要 CEP 扩展,可以下载 CEP 版本:

下载 Photoshop CEP 插件 0.2.7

安装 UXP 插件

  1. 解压 UXP 插件包。
  2. 安装并打开 Adobe UXP Developer Tool。
  3. 点击 Add Plugin,选择解压后的 dist 文件夹。
  4. 点击 Load。
  5. 打开 Photoshop,在 Plugins 菜单中打开 VectoUI。

安装 CEP 插件

  1. 关闭 Photoshop。
  2. 解压 CEP 插件包。
  3. 将 VectoUIPhotoshopCEP 整个文件夹复制到 CEP 扩展目录。

macOS 常用目录:

~/Library/Application Support/Adobe/CEP/extensions

Windows 常用目录:

%APPDATA%\Adobe\CEP\extensions
  1. 重新打开 Photoshop。
  2. 在 Window -> Extensions -> VectoUI Photoshop 中打开面板。

如果面板未显示,需要为当前 Photoshop 对应的 CSXS 版本开启 PlayerDebugMode 后重启 Photoshop。

打开上传面板

在 Photoshop 中打开需要上传的 PSD 文件,建议先保存当前文件。然后打开 VectoUI Photoshop 面板。

Photoshop UXP 上传面板
Photoshop UXP 上传面板

配置 API Key

在面板中填写 VectoUI API Key。填写后,插件会自动读取可用项目路径。

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

上传选项

  • 上传字体文件:默认关闭。只有需要随设计稿提交字体时再开启。
  • 只上传选中内容:默认关闭。开启后只上传当前选中的图层内容,适合上传单个弹窗、按钮组等局部内容。不确定时保持关闭。
  • 作为新设计稿上传:默认关闭。复制 PSD 文件后,如果希望它作为一个新的设计稿进入我的空间,可以开启这个选项。

执行上传

确认 API Key、项目路径和上传选项后点击上传。上传过程中插件只展示进度和状态。

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

Photoshop 上传成功提示
Photoshop 上传成功提示

上传后在哪里查看

上传成功后,前往我的空间查看设计稿。我的空间只显示预览图、名称、大小、更新时间和项目路径等管理信息。

常见问题

应该选择 UXP 还是 CEP?

优先使用 UXP。CEP 主要用于仍需要 CEP 扩展环境的 Photoshop。

插件是否依赖 Python 或其他外部运行环境?

不依赖。当前 Photoshop 插件是独立插件包,不需要用户额外安装 Python。

Windows 和 macOS 都能安装吗?

可以。UXP 和 CEP 插件包都支持 macOS 和 Windows,但安装路径和打开方式不同。

上传失败怎么办?

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