通过大量调研我们终于发现Sketch做UI卡顿的原因

静电说：Sketch卡顿问题一直是各位设计师小伙伴心里的痛。多好用的一款工具，不菲的年费价格，卡顿却无时不刻伴随着我们。有时候静电甚至觉得给这款软件付费购买正版挺不值的。要知道Adobe的Photoshop Lightroom套餐的官方正版价格才888元一年，券后价甚至只有838元。看到这个我觉得Adobe还是挺香的，哈哈。

据广大使用者反应，Sketch出现卡顿的爆发期是Sketch50或51版本发布之后，距今Sketch版本号已经到了Sketch63 ，已经有一年时间，但是卡顿问题依然没有得到解决。

而在这个版本推出的时间，静电记得Sketch的图像渲染引擎也做了调整，推测这跟Apple官方对AMD的支持有关系，到现在为止，渲染引擎一直是更换后的Metal，在这之后Sketch主页也一直宣称，软件性能是Faster than Faster。但是，在更换为metal引擎之后，Sketch用户却从未感受到作图速度有多么顺滑，反而是恶梦的开始。

Sketch的卡顿有几种

第一种：在一个新建的文档中，绘制一个简单图形，可以明显感觉出来鼠标释放后，延迟约一秒钟后，这个图形才显示出来。同理，拖动某个图形，也会造成明显延迟。

第二种：缩放过程中，特别是把画布从小往大缩放过程中，延迟约1-2秒钟，尤其是矢量图形较多，较复杂的情况下，问题尤其明显。

第三种：选中或者取消选中一个图形，反应延迟约1秒。如下图：

第四种：打字卡顿。选择文本工具，点击画布某处，文本输入框延迟约一秒才出现。

卡顿造成的后果：不跟手，误操作严重，就像你玩吃鸡，明明已经要爆头某人了，但系统判定你被杀了。引发软件使用者的暴躁情绪，其实有很多次我都想砸电脑。但是，这锅让电脑背，我真的舍不得。卡顿排查过程：

起初，静电把这些卡顿问题理解为电脑性能不佳导致，以下是静电的黑苹果配置，属于中档偏高配置。但是卡顿依旧。

随后静电认为是Nvidia显卡不兼容导致，但咨询了使用原生Mac的小伙伴，不论是集成的intel显卡，还是独立的AMD显卡，均出现卡顿，所以问题很大程度上并不是自身电脑硬件不兼容所致。

后来，在小伙伴的提示下，静电将Sketch插件全部禁用，大部分的卡顿得到了解决！所以，大部分的卡顿可以通过禁用插件来解决。以下是静电电脑上安装的插件列表：

虽然完全禁用插件，延迟感得以消失，但是毕竟有些插件是要用的。经过排查，静电发现其中的几个插件是“罪魁祸首”：

禁用插件可以解决部分卡顿

严重引起卡顿的插件：Miaow，Anima。激活这两个插件后，绘图及移动会明显感到卡顿。因此建议设计师小伙伴没有必要不要激活这两个插件。虽然它们功能很强大，但是一些功能需要即时在Sketch画布上进行运算（自动布局），这是产生卡顿的根源所在。

没有必要请不要开启或者安装这两个插件！

而其它对Sketch界面有改动的插件，也需要引起我们关注，比如Craft，Kitchen，Fusion Cool等等，这些插件会在Sketch中显示自定义的工具栏，但是经过测试，影响比较小。

另外，Sketch汉化插件也是不容忽视的一个因素。由于这种汉化插件是基于内存的模式来汉化，不稳定因素极多，这些静电之前就做过警告，经常会出现软件崩溃，某些功能失效等情况，当然，不合适的调用内存也必然有引起卡顿的可能性。（当然，现在Sketch已经原生汉化了，所以汉化插件几乎没人用了。）

最后，一些只能通过Sketch插件菜单来调用的插件，几乎对Sketch的作图流畅度不会产生影响，可以放心开启。

其它引起卡顿的原因：电脑性能的确不强：由于Sketch是一款矢量图形工具，因此对于电脑CPU和显卡，内存都有较高的要求，需要借助这些来进行运算。因此，如果是极度复杂的图形，比如节点和渐变很多的矢量图形，大量运用各种模糊效果的图层，引起卡顿也属于正常。如果是因为这些卡顿，建议升级自己的电脑。工作区域设计稿过多：不少小伙伴会把几十上百个界面放到一个Sketch文件中，说实话这是一种非常危险，且极度影响性能的做法。文件一旦丢失，损失不可估量。而且毫无疑问的会影响你作图的流畅度。不妨把不同模块的设计稿分不同的文件存储。

最后，软件开发者优化差，这当属罪魁祸首！

对比不同的设计工具，同电脑配置的情况下，Figma，Photoshop，AI，XD，Affinity Designer等等都流畅丝滑，唯独Sketch表现不佳。这已经不能用禁用插件，电脑配置差等理由来解释了。虽然开发者一再强调，升级Mac OS系统会有更好的性能，而且在Sketch63这个版本发布的时候告知，这是最后一个支持Mac OS 10.13的版本了。但是一款软件的流畅程度如此依赖电脑系统的升级，这是静电前所未闻的。

虽然我不是软件开发的专家，但是通过咨询一些业内人士，他们反馈说这种图形类工具，最核心也最底层，最影响性能的因素就是图形的渲染与计算，这需要底层开发工程师的艰苦努力，也是一款软件核心的竞争力所在，虽然我们设计师只在乎功能有多好用，但是如此不流畅的设计流程，相信没人会觉得爽吧？

在这里静电想到了不少国产游戏，虽然号称使用XX国际知名引擎开发，但最终却成为硬件杀手，比如某X剑奇侠传，在游戏圈内被戏称为“泰坦陨落”，（当时最高端的Titan显卡上运行此游戏都会卡顿）可见优化能力是多么重要也多么核心的技术。

负优化典型案例《X剑奇侠传》

也期待各大厂商能尽快推出与Sketch相抗衡竞争的产品，让设计师有更多的选择。

目前我们所能做的，除了提升自己的电脑硬件，禁用不需要的插件之外，剩下的，就依赖Sketch的优化了。一款产品，最能考验它能否长久存在下去的关键，不是前期有多“网红”，而是收割了我们这些用户的心后，能否持久让用户满意。

至少，我现在不想给Sketch及格分数。

常见问题Q&A

Q：黑苹果是造成Sketch卡顿的原因吗？

A：如果你的电脑配置属于中档及以上，驱动安装正常，显卡开启硬件加速，并且PS等工具流畅运行，我们不能认为这是黑苹果的原因。

Q：买最贵的Mac电脑可以让Sketch流畅运行吗？

A：买不起，无法测试。但是目前通过大家反馈的情况来看，就算你是两三万的高配Mac，Sketch该卡还是卡的。

Q：升级到最新的Mac OS 10.15可以解决卡顿吗？

A：一般经验，Mac越升级越卡，另外，升级到最新的系统并不能解决Sketch卡顿。

Q：禁用造成卡顿的插件还是必须要卸载该插件才行？

A：禁用即可解决一部分卡顿。有需要的时候再激活。

Q：禁用插件是否可以解决缩放卡顿？

A：并不能

Q：我是黑苹果，N卡换A卡是否可以解决卡顿？

A：根据静电亲自测试，高端的NVIDIA GTX 1080换成AMD的中端RX 580，依然卡顿，可见不是显卡的问题。

Q：是否可以出个黑苹果的配置？

A：请留意我们随后的文章。一般来说，设计师需要中高端的intel 系列CPU（AMD的CPU务必不要选），大内存（16G及以上），SSD硬盘，显卡推荐用AMD的中高端显卡，如VEGA 64等（从10.14起，NVIDIA显卡无法在黑苹果上使用），建议8G显存及以上。另外黑苹果如果选对型号和配置，几乎与安装普通苹果没有区别。

Q:更换Sketch50之前的版本可以解决卡顿吗?

A:目前来看更换到老版本可以稍微好点，但是，请想好后果，你的设计稿可能会出现一团糟，插件也不能用，如果是为公司做的设计，团队之间的小伙伴会无法使用你的设计稿。

Q：XD不香吗？Figma不香吗？

A：XD真不香，不过Windows用户没啥选择。Figma香不香期待其后续发展，个人比较看好。但可能还没到时候？

最后，禁用99%的插件

依然可以把设计做的很好

不要过分依赖插件！

感谢为本文提供各种线索的小伙伴

感谢你们在朋友圈的交流和反馈

❤爱你们❤