Sketch,Figma,Pixso,3款UI设计工具深度分析

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

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

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

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

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

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

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

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

2、默认图形无边框

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

3、实例修改更便捷

4、组件查找精准清晰

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

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

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

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

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

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

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

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

在Pixso,组件系统的颗粒度被区分地更细。举个例子,Pixso的组件存在级别,父组件与子组件,方便设计师复用或者修改。父组件修改后,子组件自动变化,方便我们一键更改组件设计样式,保证设计风格统一性和规范性的同时又减少了多余的操作。

而如果想要修改子组件的样式,也可以通过右侧的component属性面板直接修改,不需要像Sketch那样接相互关系寻回原件去调整,方便高效快捷简单。

变体功能是指当一个组件存在多种类型、尺寸、状态,而设计师又在同一文档需要重复使用是该组件的不同样式,可与通过变体功能来建立组件集合,然后通过右侧编辑菜单按类别地快速选择及切换来实现快速复用。

这样的优点是设计师如果需要大量使用同一组件的不同状态,可以利用属性面板随时切换,不需要像Sketch一样创建大量的组件列表,更加方便快捷。

7、操作简单,更加新手友好

?组件可添加说明

在Pixso中,组件可支持添加使用说明,使用说明中可备注文字或添加网址链接。这项功能在进行设计资产沉淀时显得尤为重要,大家查看备注即可知道该组件使用注意事项等信息,可有效减少了重复沟通。

?界面操作小白化

在组件属性编辑上,Sketch组件编辑界面也较为复杂,属性设置界面选项太多且排布紧密,新手学习成本高。而Pixso将修改属性按组件组合方式、颜色样式、文本样式、不透明度、切换组件等归类,相互之间单独控制,界面更加清晰简洁。

?支持组件库一键迭代

碰上软件改版或者品牌VI升级,就不可避免组件库也会需要更新的情况。Sketch更新组件库或者修改设计规范,是需要一个一个打开本地文件修改的。但是,Pixso文档是云端存储,支持组件库一键迭代,组件库更新完毕即可将现存的所有文件更改为最发布的组件库,减少了需要逐个修改的工作量。

?云端存储,实时更新

重点来了,Pixso使用web端可以在线保存,断电、蓝屏文件也不怕文件损毁。同时还支持回溯历史版本,再也不用担心第一稿找不回了。对比sketch蓝屏就容易文件损毁,Pixso能提供充足的安全感。

二、协作能力

1、团队协作

产品设计属于项目研发过程中承上启下的岗位,会频繁涉及和团队其他成员沟通确认的情况。Pixso可以支持多人实时协作,大家可以在同一个平台上完成沟通交流,适应远程办公场景,也灵活性更强。

2、链接式交付,自带切图功能,精准且效率高

Pixso可生成快速生成带标注的链接交付,将生成的链接发送给其他成员,对方打开就能获取内容。同时Pixso也支持自动标注与在线切图功能,研发交付环节省事省心。而Sktech不支持标注功能,且交付、评审等都需要在其他平台进行和沟通,跨平台传输容易发生文件丢失或版本更新不及时等现象。

3、修改实时同步,解决大文件传输问题

Pixso支持作品修改实时同步,无需手动存储。发送文件给其他小伙伴展现的都是最新修改的版本,有效消灭大文件传输的烦恼。Sketch每次修改同步他人都要重新传输文件,操作繁琐也非常占用电脑内存。

三、工具稳定性

四、迁移成本

Pixso可支持Sketch、SVG等文件格式的导入和导出。并且无需下载,打开网页就能使用,迁移成本相对较低。在费用上,Sketch对每个账号只能给到30天的免费试用期,过了30天之后,就要开始收费了。但是Pixso个人用户可以终身免费使用,使用成本低。

目前国内的很多互联网设计团队仍然使用Sketch作为主力设计工具,非常限制团队的生产力和生产效率。在线协作工具所具有的的云端协作与一体化功能是对产品设计师工作流程的一次全新整合,是产研团队提升效率的重要因素。如果你最近也备受Sketch局限性的困扰,需要寻找更适合协同办公的在线设计工具,Pixso非常推荐一试。

THE END
1.Pixso如何对设计好的UI进行切片导出图片文件pixso怎么切图当软件UI设计好之后,并不是直接把设计图给开发就可以了,开发还会向你要各种图标的图片文件,这个时候就要用到”切片”功能了。 1、目的:把所有UI界面的图标都切下来,做成UI图标文件夹 2、在UI界面点击【+】-【切片】-‘选择切片区域’-一般都是勾选【修剪透明图像】-【导出切片】 https://blog.csdn.net/Leap__frog/article/details/139064453
2.UI设计干货!Figma,Pixso和Sketch的区别Figma目前只支持导出专有的fig格式,而Pixso除了导出专有的pix格式,还支持导出sketch和xd两种格式。 image (2).png 多人实时协作 多人实时协作,可以说是区分这3款软件必须提及的方面,也是Figma和Pixso的亮点之一。 基于Figma和Pixso云端的特性,在这两款软件中创建的文件,可以邀请设计师、产品经理、工程师、合作方等https://www.jianshu.com/p/11afe97216b6
3.Pixso与飞书文档深度合作,让一部分设计师先飞起来!Pixso携手字节跳动旗下「飞书文档」完成深度集成,实现设计协作软件与协作文档的强强联合,可以在飞书文档内预览Pixso文件,提升产设研团队的协作效率,让部分设计师先飞起来。 飞书是一款高效的团队协作与管理平台,集成即时沟通、云盘、协作文档等功能,让组织中的成员实现高效沟通和流畅协作,全方位提升企业的效率,一起看看有https://hea.china.com/article/20230330/032023_1249341.html
4.盘点!设计师爱用的这几个UI资源网,哪一个最好用?DOIT传统设计路径:去A素材网站找资源 → 下载 →用B设计工具打开模板 → 开始设计Pixso设计路径:在Pixso社区寻找资源 → 选择使用 → 开始设计 说了这么多,与其他的原文件素材网相比,Pixso的重点是:免费! 大多数提供免费的素材网都不会有原文件,而能提供原文件的素材网都需要付费下载。 https://www.doit.com.cn/p/469561.html
5.Pixso功能大更新,自定义快捷键功能搜索文件收藏……在日常的设计协作中,经常需要交接一些工作内容,但文件和项目的所有者不能转移,需要与创建者反复对接相关权限,无形中增加了沟通成本。 Pixso新增所有者移交功能,点击对应的移交按钮,即可将文件、项目、团队移交给指定用户,所有者及对应权限也会自动转移,一键完成工作交接。 https://cloud.tencent.com/developer/news/936745
6.Axurerp原型软件怎么样才能打开或者PSdxd格式的文件?工具方面,需要PS/CDR/AI/XD/SKETCH/蓝湖 等等 https://www.3d66.com/answers/question_1078993.html
7.6款画图软件分享,没人告诉我这么好用呀!适用人群:设计师、美工等,广泛应用于平面设计、广告设计、包装设计等领域。 5、Painter 功能特点:数码素描与绘画工具的终极选择,拥有全面且逼真的仿自然画笔,能通过数码手段复制自然媒质效果,如油画、水彩、铅笔等多种绘画效果都能逼真呈现,为用户提供了丰富的绘画体验。 https://www.bilibili.com/read/cv40090035
8.UI设计软件测评,SketchAdobeXDFigmaPixso对比④兼容多种设计文件,无缝衔接过往工作 在文件兼容方面, Pixso 支持导入来自 Figma 、 Sketch 、 XD 、 Axure 的文件,成为国内首个兼容多种文件格式的设计协作平台。 不仅如此,Pixso还支持企业级迁移功能,在迁移 Figma 、 Sketch文件的时候,能保持设计稿和组件库的调用关系,后期修改组件库内容,实例也会自动调整,这https://www.fromgeek.com/daily/1044-487297.html
9.pixso怎么导出源文件在当今这个数字化时代,图形设计已经成为了我们生活中不可或缺的一部分。而Pixso作为一款功能强大的图形设计软件,为用户提供了丰富的设计资源和便捷的操作方式。在使用Pixso进行设计的过程中,我们可能会遇到一些问题,比如如何导出源文件。为您详细介绍Pixso导出源文件的方法,帮助您轻松解决这一难题。 https://www.kuazhi.com/post/715195664.html
10.Pixso宣布支持Axure文件导入产品交互Pixso由创意软件A股龙头万兴科技(300624.SZ)内部孵化而来,产品打通产设研工作链路,目前在国内率先实现矢量网格等新型图形算法,渲染性能和稳定性表现出色,对于十万图层的大文件体验流畅。在平台兼容方面,Pixso是首个同时支持Figma、Sketch、Xd、Axure文件导入的设计协作平台,设计师可以放心的在一个平台上自由地玩转各种主流https://www.bjxku.com/news/126.html
11.8款必备的UI设计软件,每位UI设计师的必备指南Pixso由A股创意软件领域万兴科技孵化,拥有图形创意深耕十年的产研团队,产品的性能值得信赖。值得一提的是,Pixso服务器部署在国内,为用户提供了更流畅的编辑体验和更加安全的协作数据。Pixso专为本土设计师设计,采用全中文界面设计,拥有海量的中文资源素材,并涵盖了多款中文字体,非常适合中国设计师使用。https://www.wikicleta.com/post/2095.html
12.Pixso支持一键导入Figma文件!Figma制裁中国企业Pixso支持一键导入Figma文件!Figma制裁中国企业?国产软件可完美替代!国产软件加油!加油!再加油!#figma封禁大疆 #涨知识 #Pixso #ui设计 #国产软件 #软件推荐 #亿图脑图mindmaster #国产替代 - 亿图脑图MindMaster于20220316发布在抖音,已经收获了2496个喜欢,来抖音https://www.douyin.com/note/7075680237668797731
13.SketchMAC端专注于UI设计+原型图工具原型设计设计过程中,可能经常会复制很多飞机稿与设计稿混在一起,由于 sketch 画板之间缺乏标记,又不能对画板进行文件编组操作,所以往往很多时候要批量操作需要的画板时就会比较痛苦。此时其实用一个非画板的对象(可以是图形或者图片等)作为间隔,用来区分,就会很方便选择了。 https://123.meibp.com/9083.html
14.axure如何发布成网址PMP使用Git客户端将包含HTML文件的文件夹上传到GitHub仓库。 启用GitHub Pages: 在GitHub仓库的设置中,找到“GitHub Pages”选项,并选择相应的分支(通常是master或main)来启用GitHub Pages。 启用后,GitHub会生成一个网址,用于访问你的Axure原型。 三、使用外部协作工具(如Pixso) https://www.educity.cn/pmp/5328298.html
15.这5款工具,让设计师工作效率提升200%!(十二)优设网大家好,这里是和你们聊设计的花生~今天为大家带来设计师效率工具第 12 期,本期推荐的 5 个神器分别是:免费好用!在线文件批量重命名工具 Webrename办公神器!支持手机远程控制多设备的软件 ToDesk一键贴图!https://www.uisdc.com/5-practical-software-12
16.6款宝藏远程办公软件,工作效率直线上升!Pixso是一款专业的在线UI/UX设计工具,适用于产研设计团队远程办公。通过跨平台的协同、文件实时云同步以及强大的绘图与标注功能,打通了从设计产品、到研发工作的整个流程,全程都覆盖了原型、设计、交互整个工作流程。 功能&特点: (1)在线UI/UX设计 Pixso开创UI/UX设计协作新模式,视觉效果、交互效果、体验效果一站成型https://boardmix.cn/article/6typesoftelecommutingsoftware/
17.多人协同编写python文档多人协作编辑软件1.Pixso Pixso是一款高效的在线设计平台,他支持了在线网页版直接开始设计,无论何时何地,打开软件官网https://pixso.design/就可以开始设计了,非常的方便。而且,Pixso还专门针对团队协作功能进行了升级,支持项目经理建立、管理自己的团队,根据不同的需求为团队中的成员设置权限。编辑页内置了上千种图标的资源库,可以更https://blog.51cto.com/u_16099337/11676101