Photoshop 里一键预处理,PSD 拖进转换器就出 .sketch。Sketch 双击打开,拖进 Figma 首页就导入。
两步。先在 Photoshop 里用插件把 PSD「摊平」——图层样式、组蒙版、剪贴蒙版这些 Sketch 和 Figma 表达不了的东西,逐一变成普通像素图层;再用转换器把处理好的 PSD 转成 .sketch。
一个压缩包里有两样东西:Photoshop 插件和转换器。安装脚本会一起装好。
PSD转Sketch和Figma-mac.zip 下载到本机,双击解压出文件夹。在压缩包里直接双击脚本是不行的 —— 它拿不到同目录的安装包。也别用网盘网页版的「在线解压」,那样会丢掉文件权限。~/Library/Application Support/Adobe/UXP/Plugins/External/,转换器装到 文稿 → PSD转Sketch_Mac,装完会自动打开这个文件夹。增效工具 → PSD转Sketch和Figma。bash 加一个空格,把「自动安装.command」拖进窗口,回车 —— 命令行不走 Gatekeeper。PSD转Sketch和Figma-win.zip 下载到本机,右键 → 全部解压缩。install.bat。不需要管理员权限:插件装进 %APPDATA%\Adobe\UXP\Plugins\External\,转换器装到 文档 → PSD转Sketch_Win,装完自动打开这个文件夹。增效工具 → PSD转Sketch和Figma。跑的过程中一键按钮变成红色的「■ 停止」,点一下会在当前这一步跑完后停下。想单独跑某一步,直接点那一步的按钮,弹窗行为和原来的脚本一样。
| 步骤 | 做什么 | 为什么 |
|---|---|---|
| ① 删除空和隐藏图层 | 把空图层、隐藏的图层和图层组清掉 | 它们不会出现在最终画面里,转过去只会碍事 |
| ② 图层批量栅格化 A | 带图层样式(fx)的图层,样式合并进像素 | 投影、描边、渐变叠加这些 fx,Sketch / Figma 接不住 |
| ③ 图层批量栅格化 B | 智能对象、文字之外的特殊图层栅格化,调整图层删除 | 只剩普通像素和文字,转换才不会丢东西 |
| ④ 剪贴蒙版到子图层 | 组上的剪贴蒙版下放到每个子图层 | Sketch / Figma 的蒙版是按图层算的,不认组级 |
| ⑤ 图层蒙版到子图层 | 组上的图层蒙版下放到每个子图层 | 同上 |
| ⑥ 图层样式到子图层 | 组上的 fx 下放到子图层并栅格化 | 组级样式在目标软件里没有对应物 |
| ⑦ 填充不透明度转整体 | 「填充」不透明度合并进整体不透明度 | Sketch / Figma 只有一个不透明度 |
| ⑧ 删除画布外的图层 | 完全在画布外的图层删掉 | 画面里看不见,转过去是一堆散件 |
| ⑨ 清除 PS 冗余数据 | 清掉 PSD 里没用的数据 | 文件更小,转换更快 |
下面两个不在自动流程里:「批量修改图层名称」会弹输入框让你填后缀;「对选中对象栅格化」只处理你当前选中的图层。
文稿 → PSD转Sketch_Mac 里双击「PSD转Sketch.app」;Windows 在 文档 → PSD转Sketch_Win 里双击「PSD转Sketch.bat」(黑色命令行窗口闪一下就关,是正常的)。弹出一个小窗口。.sketch 就在 PSD 旁边,和 PSD 同名。点窗口里的「打开输出位置」直接定位到它。| 去哪 | 怎么做 |
|---|---|
| Sketch | 直接双击 .sketch 打开 |
| Figma | 把 .sketch 直接拖进 Figma 首页的文件列表,就自动导入了 —— 网页版、桌面端都行,不用装插件。也可以点右上角「导入」选它 |
带混合模式的组,组名后面会标出原来的混合模式(正片叠底、滤色……),过去之后照着手动设一下就行。
最常见的原因是装的时候 Photoshop 没有完全退出 —— PS 退出时把注册表覆盖回去了。⌘Q / 关闭 PS,重新跑一次安装脚本。
还有一种:Photoshop 版本低于 2021(v22)。UXP 插件从 2021 起才支持。
关掉面板,Photoshop 完全退出后重开。UXP 面板不能热重载,改动后必须重启 PS。
右键那个文件 → 打开 → 再点一次「打开」,只需要做一次。还是不行就去「系统设置 → 隐私与安全性」,往下翻找到它点「仍要打开」。
先看 Photoshop 是不是还开着。再看解压出来的文件夹里 install.ps1、psdprep1_1.0.0.zip、PSD转Sketch_Win.zip 是不是都在 —— 三个都要和 bat 在同一个文件夹。
只认扩展名是 .psd 的文件,拖文件夹会自动找里面的 .psd。Windows 上窗口根本没弹出来的话,先双击「环境自检.bat」看提示;出错细节记在 app\last_error.log 里。
多半是跳过了预处理,或者预处理没跑完。回到 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 就没了。