UI设计工具比较：Sketch、Adobe XD、墨刀、Mockplus、Axure RP

比如，红框标注的插件，可以自动填充大量用户头像，模拟用户列表。

大部分插件是免费的，但也有收费插件。

这个派系内，几个软件的区别：

• Sketch是这个派系的开创者，是龙头老大，但是只有mac版，而且官方声明不会开发windows版本。

• 墨刀，是国产高仿Sketch版，而且是基于网页的，所以跨平台。但是几乎不免费。免费帐号只能创建3个项目，最多20个页面。等于完全不免费。

由于sketch不支持windows，过去几年，墨刀作为国内唯一近似产品，在国内很受欢迎。

• Adobe XD，adobe的高仿Sketch产品，支持win/mac，有官方中文，100%完全免费，而且各种套件、模板、插件，都在飞速增长，而且大都是免费的。
• （更新说明：XD对保存本地文件开始收费，保存到云空间依然免费。本质就是开始收费了。但是你还是可以找到免费版）

Adobe XD最吃亏的，就是面市比较晚，它在2019年，功能才追上它的前辈。如果它早几年面世，就没墨刀什么事了，XD就会像Photoshop一样，全面占领windows市场。

现在，虽然Adobe XD来的晚，但新用户也是飞速增长状态。毕竟，完全不要钱。

如果要使用这个派系的软件，推荐Adobe XD。首先，完全不花钱，就已经是巨大优势了。而且，还有来自全球的设计师提供免费组件。功能，大家都一样，全是高仿Sketch。

这个派系，能较容易做出漂亮页面，模拟丰富的页面互动和切换。但这个派系，实际上并不完美。它有个巨大问题：做功能草图低效。

在设计最初期，我们关注的是页面功能，是布局，完全无视美观。要求软件，能以最快速度，精确反映页面功能。

而Sketch， adobe xd这个派系，你会不停陷入修改组件图层的细节中。

比如，下图的按钮组件，当你点选时，你会发现右边不能修改颜色、文字。

那是因为，这个按钮，由很多基本图形组成，类似于Photoshop一张图片有很多图层。你要精确选到对应区域，才能修改对应属性。

而且，这个派系，你页面上的UI元素，是从各个不同的文件复制过来的小组件，颜色混杂、文字不统一，你都要一个个去修改。

这会导致，设计师不断陷入对美术细节的调整，而无暇专注于页面功能设计。

也就是说，这个派系，实际上不适合初期页面功能设计，而是在页面内容精确定型之后，用来做美工上的精确实现+互动模拟。

所以，这里，另一个高效的派系就要登场了：Balsamiq、Mockplus和Axure RP的 原型设计派系。

（更新说明：墨刀也进入这个派系了，而且提供了设计网页和手机APP的常用组件样式。但如果是软件或游戏的原型设计，组件目前不如Mockplus丰富好用）

这个派系的特点是，自带完善、风格统一的组件库，组件没有图层，所有内容直接修改属性，也没有复杂颜色，不会干扰视觉。

这样，这个派系，能够迅速完成页面功能设计，完全不会被任何因素干扰。因此适合设计原型。

但是，和Sketch派系各个软件几乎一模一样不同，这个派系的3个软件，差异其实很大。

 

最终建议：

在页面功能设计阶段，使用 Mockplus 或 墨刀新出的原型设计功能 ，做到功能布局上，精确定型。

如果有进一步模拟的必要，再换用Adobe XD，升华美工，模拟互动。

更新：由于Adobe XD收费（当然，你还是能下到免费版），而 Mockplus 和 墨刀 都开始进入对方的领域，提供从 原型设计 到 交互设计的完整产品链。这两家应该成为大家的首选。

至于到底选哪个，标准如下：

• 如果是软件或游戏，直接Mockplus
• 如果是网页或手机APP，在意预算，看哪家便宜选哪家，功能都差不多。
• 如果是网页或手机APP，不在意预算，直接墨刀。因为它提供了热门网页 和 APP设计样式的组件，能够在原型设计阶段，就感受到页面上色之后的效果。