UI设计工具如雨后春笋一般不断涌现,Sketch、XD、Axure、InVision、Figma、Pixso都是不错的设计工具,其中InVision、Figma、Pixso 的表现比较突出。相比之下这三款UI设计工具哪款优势更突出哪款更便捷哪款更适合本土设计师?下面Pixso设计师就从客观角度给大家梳理一下这三款新型UI设计工具的优劣势。

1. 功能对比

1.1 原型图

Figma 有一套非常完整的协作界面,对比 InVision 让用户更轻松地创建具有吸引力的原型图。InVision 的原型图功能只有Figma功能的一小部分。InVision 加上 InVision Studio 作为一体,才算一个完整的产品。

Figma中文版本Pixso作为后起之秀,在原型图功能上同样优秀,并且连接线功能非常细致,可以指定页面不同组件的连接,更方便原型图的逻辑沟通,同时还支持具象化的演示,以便产品经理、设计师、开发共同探索分析用户核心需求。

Pixso原型图

Pixso原型图

1.2 动画制作

Figma 制作动画只能通过使用 Principle 插件,而且 Principle 只支持 macOS,对Windows 用户不太友好。

InVision Studio 中有十分完整的时间轴动画功能,而且动画功能十分强大。

Pixso的动画功能上也下足了功夫,支持6种转场动画、7种动态曲线、8种鼠标/手势指令动作、自定义转场时间/方向,基本上大部分市面上的动画功能Pixso都覆盖到了,设计师再也不用担心动画做不好了。

Pixso动画功能

Pixso动画功能

1.3 组件

Figma的组件库,每个组件都有缩略图。 而且右侧图层面板可以设置组件覆盖,十分方便。在InVision Studio中,组件没有略缩图,必须按列表的视图来浏览组件名称。

Pixso的组件功能就很强大了,除了基础的功能外,还有组件变体功能,可以随意切换一个组件的多种状态,设计师可以更加高效地去创建和复用组件

Pixso组件变体

Pixso组件变体

1.4 协作

Figma 支持设计中的实时评论,虽然 InVision 也里有注释功能,但没有 Figma 的多人协作功能。 

Figma 强大的评论功能,可以让产品经理、设计师、程序员在设计图上实时标注评论,大大提高了团队沟通的效率。

在协作上Pixso也同样优秀,有着媲美Figma的实时评论功能,还贴心的设计了表情包,缓和文字沟通的命令感,让沟通更加亲密无间。

Pixso实时评论

Pixso实时评论

客观来说,从以上常用功能来看,Figma 要优于 InVision,而Pixso 和 Figma的功能上旗鼓相当,下面来看看其他方面的对比。

2. 性能对比

InVision、Figma和Pixso 的网页版性能相当,但是 InVision 在处理较大文件时会感觉明显卡顿,响应时间变慢的情况。

Figma 在经过一系列的更新后变得非常稳定,就算多人同时处理同一文件也会非常丝滑。不过有一点不容忽视,网页版都是云端上的服务器进行操作,而性能受服务器影响很大,存在网络门槛、信息安全、信息稳定性等问题。InVision和Figma都是国外软件,服务器都是海外的,而InVision 则是必须要翻墙去外网才可以使用。

Pixso 服务器在国内,没有平台限制,用户点开浏览器随时随地开启工作,更不用担心境外信息安全问题。从这点来看,Pixso国内的服务器确实避免了很多不必要的麻烦。

3. 团队规模和项目对比

InVision 、 Figma 和 Pixso 都支持多人在线实时编辑。 Figma 比 InVision 更加注重协作,有类似Google Docs的实时协作功能,支持不同项目设置细化访问权限,严格区分了查看者和编辑者,最大程度的避免了其他成员误触导致的项目返工。

在协作上Pixso与Figma基本差不多,也有明确的团队成员权限管理,而且支持记录每位团队成员的操作,避免误触导致的文件丢失的情况。

Pixso邀请团队成员

Pixso邀请团队成员

4. 定价对比

Figma 和 InVision 都有类似的套餐,Figma 每月12美元起,InVision 每月 15 美元起,Pixso 目前还处于免费阶段。虽然 Pixso 是免费的,但是功能上却一点不含糊,以上所有功能都可以免费使用,这波羊毛还不赶紧薅起来。

Pixso定价

Pixso定价

5. 语言对比

虽然 Figma 和 InVision 都可以通过浏览器和插件做汉化,但仅覆盖到部分基础功能,想要深度了解与使用仍然需要一定的专业英文阅读能力。

Pixso 为用户提供全中文语言环境,让你无障碍学习界面操作、官方教程、体验问答,快速提升设计技能和效率。

6. 社区资源丰富

Figma 和 InVision 的社区用户都很活跃,每年贡献大量设计素材和模板,但社区作品大部分是基于海外设计系统延展的,本土设计师较难直接复用。

Pixso 内置几十种中文字体库任选,每月更新来自字节、蚂蚁设计、腾讯等大厂设计体系,社区提供丰富的精美模板,用户直接拖拽即可免费使用,无需从0开始设计。

7. 测评总结

说了这么多Figma、InVision和Pixso的优劣对比,可能有些小伙伴已经迷糊了,下面用一张图直观的对比这三款UI设计工具的差别

从上图中不难看出,Pixso还对数据私有化和客服服务这块做得很到位。尤其是客户服务,这就像买东西有没有售后服务一样,没售后的出了问题很让人崩溃,而有售后服务的就让人放心很多。综合以上对比来看,Pixso确实更胜一筹。

最重要的是Pixso是一款全中文的UI设计工具,更适合本土设计师,让新手设计师和开发人员更容易上手和沟通。大量的社区资源,让设计师的工作得心应手。Pixso 可以称之为国货之光了,还不赶紧来体验一下。