UI设计软件 Figma、Sketch、AdobeXD、Pixso、Mockplus 哪个最好用?

Figma、Sketch、Adobe XD和国产的Pixso、Mockplus,这五款都是非常优秀的软件,但每一款都各有优势。

如果你希望在团队协作方面发挥优势,那么Figma应该是你的首选;如果你喜通过各种插件把软件的使用提升到极致,那Sketch可能更适合你;如果你对 Adobe 全家桶情有独衷,那么 Adobe XD 将是你的不二之选;如果对国产软件有着情怀,就试试 Pixso、Mockplus吧。

01 Figma

Figma 是一款基于云端的UI设计工具,可以直接在浏览器中运行,你可以在任何设备或平台访问你的项目,也无需安装软件或购买多个软件许可证。来自UX TOOLS发布的《2021设计工具调查报告》显示,在Windows和macOS系统上,Figma 的使用人数都超过了先前推出的 Sketch 和 Adobe XD。

在Figma之前,从最初的草图到原型设计,往往需要用到多款软件,文件流转次数多,迭代的周期比较长。有了Figma之后,同样的对接流程大幅缩短,团队成员都能拿到最新版的文件。Figma最大的特色在于协作,在右上角会显示当前正在浏览和编辑文件的成员头像,每个人的鼠标指针会带有各自的昵称,可以很方便地查看谁更改了什么,并将评论和反馈直接添加到需要沟通的位置。

当涉及矢量操作时,Figma的钢笔工具更加灵活。Figma内置的矢量网络,允许你把多条线连接到一个点上,在移动线段时,连接成线的点也会自动跟随,这加快了矢量绘图的效率。对于选定的画板或对象,Figma可以CSS、 iOS 或Android格式显示代码片段,供开发人员在查看设计文件时使用。此外,开发人员可以在设计文件中直接获取标注信息,没有必要使用第三方工具。

在价格方面,Figma有免费和收费两种模式,免费用户最多创建1个项目和3个文件,每个文件只能包含3个页面,保存30天的版本历史记录,无法使用共享团队库;收费版分为两档,专业版每人每月12美元,组织版每人每月45美元,整体价格较高。

02 Sketch

Sketch一直是主流UI设计工具之一,虽然它到现在都不支持 Windows 系统,但仍有一大批忠实追随者。回顾它的背景,它是由荷兰公司Sketch BV于2010年推出的macOS桌面矢量图形处理软件。Sketch在设计之初,就被设计成尽可能轻量和快速响应,去除了Adobe Photoshop和IIustrator内置的许多附加功能。与IIustrator CS4相比,早期的Sketch界面极其简单,不像Adobe拥有复杂的嵌套工具栏,Sketch顶部的图标就是它的核心功能。

Sketch Mirror App是Sketch最有用也最受欢迎的功能之一,设计师将iPhone连接到Mac电脑,可以在移动设备上实时测试他们的设计。这在现在看来可能不够惊艳,但在2010年,这可以称得上一个改变游戏规则的功能,即便是行业标杆Adobe也没有类似的功能。

Sketch最初不支持多人实时在线协作,团队成员编辑稿件时,需要频繁来回传输文件,效率非常低下。直到2020年底,Sketch才发布了实时协作功能,试图在这一领域赶上Figma。不过这个功能并没有集成到Sketch客户端,开始协作之前,本地的Sketch文件需要先上传到Sketch Cloud中,在浏览器打开分享链接,才能参与协作。

在价格方面,Sketch采用免费试用+订阅制的方案,提供30天免费试用,到期后每位编辑者每月9美元,按年付费99美元,整体费用对设计师来说没有吸引力。

03 Adobe XD

优点很明显,但一直没有推出Windows版本,有人为了能用上Sketch进行UI设计,不得不先去购买一台苹果电脑…天下苦Sketch久矣。2016年,Adobe公司推出了基于矢量的UI设计工具Adobe XD,支持macOS和Windows系统,作为Sketch在Windows上的替代品,让跨平台协作的团队能够顺畅沟通。在使用Adobe XD之前,如果你用过Adobe的软件,并且熟悉软件的界面,那么当你接触XD,就会感到很亲切,可以很快上手,唯一的区别在于更复杂的设计系统和元件复用上。

背靠Adobe打造的多款软件,可以说是XD最大的卖点之一,从位图到矢量到动效,Adobe都有对应的工具来满足设计师的需求,可以与XD很丝滑地联动工作。为了追赶Sketch形成的插件生态,Adobe公司设立了1000万美元的基金,鼓励众多开发者开发面向XD的插件,目前XD已集成了RenameIt、 Pixel Perfect、Data Generator等插件。

在多人协作方面,XD支持将本地的文件保存为云文档,之后向协作者发送邮件邀请,收到邀请的人打开文档就可以参与设计协作。不过,XD的协作功能存在着一定的限制,对于付费用户创建的文档,免费用户试用30天协同编辑后就只能查看,无法再进行编辑。XD的出现,可以说是众多Windows用户的福音,但在实际使用时,还是会遇到不少问题,譬如软件容易崩溃、中文用户无法使用内置的插件库等,这在某种程度上降低了UI设计的效率。Adobe XD在产品设计方面还在继续探索更多的功能,以满足用户需求。

004 Pixso

是由国内本土团队打造的对标Figma的一站式协同设计工具,集UI设计、原型、交互、标注和资源于一身,在兼容性方面,Pixso支持导入来自Figma、Sketch、XD、Axure的文件,成为国内首个兼容多种文件格式的设计协作平台。设计师可以放心地在一个平台上自由地玩转各种主流格式的文件,一站式实现从线稿到高保真产品界面设计,打通产研设计工作全链路,全方位提升团队协作效率。

基于对本土用户需求的洞察和用户反馈,在产品设计方面,相比国外的Figma,Pixso提供了不少差异化的功能和服务:① 独特的矢量网格,绘图效率拉满凭借在计算机图形领域的深厚积累,Pixso推出了独特的矢量网格功能,支持在一个锚点上创建无数条路径,可以连续创建多个开口或闭合路径。借助矢量网格,可以快速完成复杂图形的绘制,无需像传统工具绘制多个图层进行拼凑对齐。

在原有矢量网格功能的基础上,Pixso增加了多色矢量网格的特性,突破了矢量网格在色彩填充上的限制,支持在矢量编辑模式下,为绘制的闭合路径填充不同的颜色。

使用Pixso多色矢量网格功能,可以轻松创作时下热门的「几何图形」风格作品,包含 2.5D Logo、孟菲斯、低多边形插画等。

当前对所有个人用户免费开放,对广大国内UI、UX设计群体来说,诚意十足。

005 摹客 Mockplus

摹客作为国内领先的设计+协作平台,是一款真正完全免费的原型设计工具,这在国内产品圈子里完全免费服务还是很少见的。

早在 2018 之际,我们就推出了摹客设计云,后续为了打造更全面的产品线,陆续发布了摹客RP(原型设计)和摹客设计系统,再到去年推出专为中国设计师量身打造的UI设计工具-摹客DT。

不光包含了原型设计和UI设计,在协作上,我们推出了特色功能——“柔性工作流”在“设计”这条主线上,根据场景又进一步划分为3个节点:“评论->定稿->开发”,这3个模式可自由切换,按需选择。这样,1条设计主线把协作场景简单流程化,3个节点又自由流动地辅助流程,形成摹客的“柔性工作流”。

作为新人设计师,不管是什么样的设计工具,只要能帮自己达到预期的设计效果,都可以去尝试尝试,另外除了这些基本的软件使用,还需要学习各种理论知识,例如交互逻辑、动态效果、设计思维等等,不局限于工具,聚焦于自身能力,这才是一位UI设计师的成长之路。

评论注意事项
讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!

回复(0)

考拉开学

联系方式

微信昵称:考拉开学 联系电话:18653365468 邮箱:mail@mengyakeji.com
关于我们
关于我们
平台介绍
平台介绍
联系我们
联系我们