Sketch 转 PSD 工具，交互和视觉可以愉快玩耍了

常年用 Sketch 做交互的我激动地抖了抖。

上一个项目就遇到：Sketch 没办法和 PS 无缝衔接——我用 Sketch 做好了精准界面布局，但到了视觉设计师手上，只能非常死板地在 PS 上重新做一次界面。

以前还尝试过用 Affinity Design 工具打开 Sketch 文件，再转存成 PSD 的方法，但效果非常差，Sketch 上一个完整图形到 PSD 文件里变成四分五裂的图层，蒙版、滤镜就更不用说了。

我以为 Sketch 和视觉设计师没机会共存了，但今天看到有人推荐这个工具（网站，不用下载，满分），试了一下，马上激动地来推荐。

Photopea | Online Image Editor

先给大家看看效果。

这是 Sketch 的原工程导出的图片（除了人物，其他元素、光、效果都是 Sketch 上做的）：

sketch

这是转 PSD 后导出的图片效果：

PSD

工具有明显的优点：

1.如果你没有苹果电脑或者 Sketch 工具，网站支持你直接预览或者（用 PSD 格式）编辑 Sketch 文件；

2.转换出来的 PSD 文件，图层内容转换十分准确，包括图层格式（矢量、智能对象位图、文本等）、尺寸、颜色、描边大小、透明度等；

3.严格按照了 Sketch 的图层进行转换，包括编组、命名等；

左 Sketch，右 PSD

4.保留了蒙版、滤镜等格式；

左 Sketch，右 PSD

5.导出来的 PSD 文件非常小，上面这个包含二、三百图层的 PSD 文件，只有 31 M。

也有几个明显的问题：

1.字体丢失（因为转换工具是一个网站，确实没办法保留字体资源）

——解决办法是在 PSD 文件里手动再替换字体资源，这个确实是个问题；

2.部分图层滤镜转换不了，一般为位图的亮度、对比度、色调、饱和度、投影、外发光（高斯模糊倒是保留下来了），而原生矢量形状的图层效果一般都能很好转换

——大家尽量避免在位图上做效果（虽然交互图一般也用不到）。

位图的滤镜效果会丢失（上 Sketch，下 PSD） 原生矢量图的效果可以很好转换（上 Sketch，下 PSD）

工具地址：

操作也十分简单，「文件」—「打开」Sketch文件 —「另存为 PSD」—完成。

以后再也不用担心自己用 Sketch 难和视觉设计师协作了，感谢工具开发者！