WWW.SJFLS6.COM

PSD转Sketch和Figma 使用教程

Photoshop 里一键预处理,PSD 拖进转换器就出 .sketch。Sketch 双击打开,拖进 Figma 首页就导入。

Photoshop 2021 及以后 macOS(Apple 芯片)+ Windows 转换器免安装,不用装 Python 10 天免费试用 · 功能不阉割

它是怎么工作的

两步。先在 Photoshop 里用插件把 PSD「摊平」——图层样式、组蒙版、剪贴蒙版这些 Sketch 和 Figma 表达不了的东西,逐一变成普通像素图层;再用转换器把处理好的 PSD 转成 .sketch。

① Photoshop 插件一键预处理 ①→⑨
② 转换器拖进去,出 .sketch
③ Sketch / Figma直接打开 / 导入
预处理会改动 PSD:栅格化、删图层、合并不透明度,都是不可逆的。先「存储为」一份副本,再对副本跑插件。

安装

一个压缩包里有两样东西:Photoshop 插件和转换器。安装脚本会一起装好。

macOS

  1. 先解压,再点。PSD转Sketch和Figma-mac.zip 下载到本机,双击解压出文件夹。在压缩包里直接双击脚本是不行的 —— 它拿不到同目录的安装包。也别用网盘网页版的「在线解压」,那样会丢掉文件权限。
  2. 完全退出 Photoshop(⌘Q)。Photoshop 退出时会把插件注册表覆盖回去,开着装等于没装。脚本检测到 PS 还开着会问你要不要帮忙退出。
  3. 右键点「自动安装.command」→ 打开 → 再点一次「打开」。只有第一次要这样:脚本没有 Apple 签名,直接双击会被系统拦下。
    插件装进 ~/Library/Application Support/Adobe/UXP/Plugins/External/,转换器装到 文稿 → PSD转Sketch_Mac,装完会自动打开这个文件夹。
  4. 启动 Photoshop,菜单 增效工具 → PSD转Sketch和Figma
还是打不开?在「终端」里输入 bash 加一个空格,把「自动安装.command」拖进窗口,回车 —— 命令行不走 Gatekeeper。
较新的 macOS 弹窗里可能没有「打开」按钮,那就去「系统设置 → 隐私与安全性」,找到这个脚本点「仍要打开」。
Mac 版转换器只支持 Apple 芯片(M1 及以后)的 Mac。Intel 机器请用 Windows 版,或等后续版本。

Windows

  1. 先解压。PSD转Sketch和Figma-win.zip 下载到本机,右键 → 全部解压缩。
  2. 完全关闭 Photoshop。理由同上,脚本检测到 PS 还开着会直接停下。
  3. 双击 install.bat不需要管理员权限:插件装进 %APPDATA%\Adobe\UXP\Plugins\External\,转换器装到 文档 → PSD转Sketch_Win,装完自动打开这个文件夹。
    Windows 弹「已保护你的电脑」的话,点「更多信息」→「仍要运行」。
  4. 启动 Photoshop,菜单 增效工具 → PSD转Sketch和Figma

登录与试用

  1. 第一次打开面板是登录界面。用 sjfls6.com 的账号登录,和网站是同一套账号;没有账号点「去注册」。
  2. 推荐点「用浏览器一键登录」:浏览器里已经登录着网站的话,点一下确认就进来了,一个字都不用输。浏览器没自动打开时,面板上会显示 8 位配对码和网址,换台设备手输也行。
  3. 第一次用:登录后面板上会出现「立即开通免费试用」,点一下,10 天,功能一点不少。一个账号只有一次。
账号和「退出」在面板最底下。登录过之后断网 24 小时内照常能用;一个账号 2 台电脑。

第一步:在 Photoshop 里预处理

  1. 打开 PSD 的副本。预处理不可逆,别对原稿动手。
  2. 点面板顶上的「⚡ 一键自动处理 ①→⑨」。九步按顺序自动跑完;每一步会自己重复执行,直到这一步再没有东西可处理为止。状态条显示进度,跑完是一行绿字。
  3. 存储(⌘S / Ctrl+S)。处理好的这份 PSD 就是要交给转换器的文件。

跑的过程中一键按钮变成红色的「■ 停止」,点一下会在当前这一步跑完后停下。想单独跑某一步,直接点那一步的按钮,弹窗行为和原来的脚本一样。

九步各做什么

步骤做什么为什么
① 删除空和隐藏图层把空图层、隐藏的图层和图层组清掉它们不会出现在最终画面里,转过去只会碍事
② 图层批量栅格化 A带图层样式(fx)的图层,样式合并进像素投影、描边、渐变叠加这些 fx,Sketch / Figma 接不住
③ 图层批量栅格化 B智能对象、文字之外的特殊图层栅格化,调整图层删除只剩普通像素和文字,转换才不会丢东西
④ 剪贴蒙版到子图层组上的剪贴蒙版下放到每个子图层Sketch / Figma 的蒙版是按图层算的,不认组级
⑤ 图层蒙版到子图层组上的图层蒙版下放到每个子图层同上
⑥ 图层样式到子图层组上的 fx 下放到子图层并栅格化组级样式在目标软件里没有对应物
⑦ 填充不透明度转整体「填充」不透明度合并进整体不透明度Sketch / Figma 只有一个不透明度
⑧ 删除画布外的图层完全在画布外的图层删掉画面里看不见,转过去是一堆散件
⑨ 清除 PS 冗余数据清掉 PSD 里没用的数据文件更小,转换更快

下面两个不在自动流程里:「批量修改图层名称」会弹输入框让你填后缀;「对选中对象栅格化」只处理你当前选中的图层。

第二步:转换

  1. 打开转换器。Mac 在 文稿 → PSD转Sketch_Mac 里双击「PSD转Sketch.app」;Windows 在 文档 → PSD转Sketch_Win 里双击「PSD转Sketch.bat」(黑色命令行窗口闪一下就关,是正常的)。弹出一个小窗口。
  2. 把处理好的 PSD 拖进窗口。拖进去就开始转,一次拖几个转几个,拖整个文件夹也行。窗口里有进度条,几十 MB 的文件大约 10~30 秒。
  3. 取走结果。转好的 .sketch 就在 PSD 旁边,和 PSD 同名。点窗口里的「打开输出位置」直接定位到它。
也可以把 PSD 直接拖到「PSD转Sketch」的图标上,一样进队列。转换过程的详细输出在「显示日志」里,出错时会自动展开。
Mac 上第一次打开被拦「无法验证开发者」的话,右键 app → 打开 → 再点一次「打开」。

第三步:Sketch 打开,Figma 导入

去哪怎么做
Sketch直接双击 .sketch 打开
Figma把 .sketch 直接拖进 Figma 首页的文件列表,就自动导入了 —— 网页版、桌面端都行,不用装插件。也可以点右上角「导入」选它

带混合模式的组,组名后面会标出原来的混合模式(正片叠底、滤色……),过去之后照着手动设一下就行。

常见问题

「增效工具」菜单里没有这一项

最常见的原因是装的时候 Photoshop 没有完全退出 —— PS 退出时把注册表覆盖回去了。⌘Q / 关闭 PS,重新跑一次安装脚本。
还有一种:Photoshop 版本低于 2021(v22)。UXP 插件从 2021 起才支持。

面板打开是空白的 / 一直转圈

关掉面板,Photoshop 完全退出后重开。UXP 面板不能热重载,改动后必须重启 PS。

Mac 提示「无法打开,因为无法验证开发者」

右键那个文件 → 打开 → 再点一次「打开」,只需要做一次。还是不行就去「系统设置 → 隐私与安全性」,往下翻找到它点「仍要打开」。

Windows 上 install.bat 一闪而过 / 报错

先看 Photoshop 是不是还开着。再看解压出来的文件夹里 install.ps1psdprep1_1.0.0.zipPSD转Sketch_Win.zip 是不是都在 —— 三个都要和 bat 在同一个文件夹。

拖进去没反应 / 提示「没有 .psd 文件」

只认扩展名是 .psd 的文件,拖文件夹会自动找里面的 .psd。Windows 上窗口根本没弹出来的话,先双击「环境自检.bat」看提示;出错细节记在 app\last_error.log 里。

转出来的 Sketch 图层样式不对 / 蒙版丢了

多半是跳过了预处理,或者预处理没跑完。回到 Photoshop,对副本重新跑一次「一键自动处理」,看状态条是不是绿色的「全流程完成」,再存储、再转。

试用点了没反应 / 提示已经用过了

一个账号只能试用一次,试用过的账号再点会被拒。试用结束想继续用,到产品页买下,登录后自动变成正式授权。

换电脑怎么办

一个账号能在 2 台电脑上登录,换电脑重新登录即可,第 3 台会把最早登录的那台顶下线。已登录设备可以在账号中心管理。

怎么卸载

Mac:删掉 ~/Library/Application Support/Adobe/UXP/Plugins/External/psdprep1_1.0.0 文件夹和 文稿/PSD转Sketch_Mac。Windows:删掉 %APPDATA%\Adobe\UXP\Plugins\External\psdprep1_1.0.0文档\PSD转Sketch_Win。菜单里的残留项重启一次 Photoshop 就没了。