Sketch，Figma，Pixso，安装3款UI设计工具深度分析

2022-02-10 点击量：

作为一名大厂UI设计师，使用Sketch已经有三年以上，对这个出图神速的设计工具高举五星好评。但2020年后，因为疫情的原因，所有打工人都必须适应隔离在家办公的现状。以往使用体验优秀的Sketch由于不能支持畅快地开展远程办公，也促使我们考虑寻找新的生产工具。

在迁移的过程中，我们也曾试用过评价比较好的Figma，但因为信息安全的原因公司不允许继续使用，所以我们只能考虑国产Figma类软件。在使用过全网10+ui在线协作工具，终于还是找到了一款从设计、交互、稳定、功能都与Figma差异不大的设计工具Pixso，既能满足在线设计的需求，也能拥有Sketch的大部分优点。

一个好用的UI设计工具是可以从设计体验、协作能力、和使用稳定性、迁移成本等维度进行评分的，我会从这几个重要维度来对比 Sketch与Pixso这两个UI设计工具在使用上的差异，以供大家参考。

一、设计体验=效率+易用

从工作流程上来讲，Pixso和Sketch对比最大的区别是在于团队协作方面中。以往使用Sketch，如果除了跟产品经理还有研发需要日常重复沟通以外，想实现多人在线，或者切图，又或者版本管理，都只能靠依赖插件进行。但插件使用步骤也相对更复杂，导出也容易出错 。

而对比Sketch，Pixso可以实现产品设计工作在同一平台完成。它既可以画原型、设计界面，也可以自动标注、切图和使用链接完成交付。团队的其他伙伴可以在同一个软件共享项目进度，避免出现版本修改更新不及时的现象，也更符合目前国内的产品快速迭代的发展模式（一周一个版不再是梦想）。

除了在线协作带来的便利。在某些细节上，Pixso类设计工具的功能适应国内设计师的使用需求。

1、原生中文软件，学习成本低

Sketch对中文的支持并不太友好，即时现在有了官方中文版SKetch，但日常在安装新中文字体后，字体包在字体选择界面显示的名称会存在显示乱码的现象。而Pixso因为是国产软件，内嵌丰富的中文字体，嘉瑞广告，使用时既不需要再花时间去同步本地字体或者重新安装，也避免了安装后要解决乱码的麻烦。

2、默认图形无边框

Sketch在创建新图形时，默认填充图形灰色且自带边框。照现在的设计趋势，界面上大多图形（弹窗、按钮等）都不带边框的，所以使用Sketch创建图形后还需要修改边框，过程就比较繁琐；而Pixso在创建图形是默认是无边框的，没有修改边框这个步骤，算是针对设计趋势的一个小优化。

3、实例修改更便捷

Sketch的实例修改相对比较麻烦，需要返回到原组件进行修改。如果是组件单独修改，还需先分离组件库再改动，无法直接选中图层完成修改。但是在Pixso，它像Figma一样允许设计师直接选中图层后批量修改，不用找回原组件或者分离，节省了组件检索的时间。

4、组件查找精准清晰

组件检索在Sketch也是一个比较繁琐的操作。在套用组件时，Sketch若选择列表查找组件，组件名称太长不易分辨清晰。如果选择使用右键按分类查找套用，虽然可以显示缩略图，但是缩略图也不够清晰需要花时间去辨别。而在Pixso，设计师可以点击组件列表分栏即可查看组件的缩略图，显示面积更大，更方面检索，也有效减少选错组件的重复操作。

5、组件命名小改动，提升检索速度

Sketch组件的命名逻辑为分类 / 模块 / 组织 / 分子 / 原子，命名依次是从大到小，因为Sketch的组件名称非常的长，不利于搜索查找。如果选择使用右键按分类查找套用，

Pixso的组件命名除了[/]之外，还可以使用Page以及 Frame/Group 的方式，而这部分的名称是不会出现在组件名上，这意味着按组件名称查找更便捷。

6、 原子级组件系统搭载变体功能，有效解决重复劳动

Pixso与Sketch都可以创立组件库，但用户体验略有不同。

Sketch中的组件样式由于不是原子级的，当设计师想要构建组件库时，需要列出组件所有的可能性，容易导致的组件数量臃肿冗杂，查找费劲。而且在Sketch，修改被定义的文本或图层组件样式需要重新创建组件，或者将子组件与父组件进行分离再进行修改，嘉瑞广告，非常不便。

（sketch建立一个组件库需要穷举所有样式）

而Pixso因为沿袭了Figma的使用为设计师提供的组件系统，以及组件样式切换更方便的功能—“变体”。