因远程协作大火的Figma,会取代Sketch的地位吗?

      最后更新:2020-04-30 12:47:19 手机定位技术交流文章

      本文从八个方面对sketch和figma软件进行了对比分析,并让大家去探索和了解哪个软件更好用。~让我们看看~

      在前面写:

      最近,由于流行病的影响,许多公司采用了远程办公的模式,同时,远程办公的许多问题也被提到了桌面上。对于设计团队来说,一个好的协作工具非常重要,最好是设计工具本身能够促进协作。

      据我所知,在国外已经有很多公司从速写转向Figma,在中国也有一些公司开始使用Figma。例如,网易有一个设计团队也开始使用这个工具进行远程协同设计。

      费马能代替素描吗?有什么优势,有什么障碍,过渡能顺利吗?很多人都有疑问,所以蔡赟为大家找到了这篇关于干货的文章,并对比分析了这两个软件的优缺点。让我们看看。

      两个非常有用的用户界面设计工具。素描和figma之间的竞争仍在继续。设计者经常问哪个软件更好用?我应该从草图迁移到Figma吗?反之亦然。

      我已经使用sketch2超过2年了,我非常喜欢这个软件。因为有像素描这样的人工制品把我们从PS制作UI的历史中拯救出来,如果你从PS时代就开始制作UI,你应该记得那有多痛苦。

      我的公司最近开始迁移到菲格玛。所以我有机会和Figma一起工作,然后我发现这是一件相当于素描的艺术品。

      因此,在本文中,我将向您展示这两种工具之间的差异,并最终告诉您使用哪种工具最好。

      我将从以下几个方面对这两种软件进行比较:

      功能组件系统协作能力文件移交原型功能文件导出脱机办公插件01功能

      这两个工具具有几乎相同的功能、相同的快捷方式和相同的结构。如果一个可以使用,另一个经常可以直接使用。

      Figma支持在Figma中打开草图文件。Figma可用于任何系统(视窗、苹果电脑..)因为它是基于浏览器的草图,并且是macOS中的本机应用程序。因此,它只能在苹果电脑上工作。素描和菲格玛目前有非常相似的表现(彩云注:菲格玛实际上有一点更好的表现)。Figma需要很长时间来打开一个项目文件(彩云注:在某种程度上取决于网络速度),而Sketch通常只需要1.02秒来打开一个组件系统-符号与组件

      我曾经使用草图的符号来使组件库感觉良好,但是当我开始使用Figma时,我发现我在组件化方面做得更好。让我告诉你为什么!

      草图中的组件样式不是原子的。当我想要建立文本样式时,我必须列出我想要的所有样式,并做一个长列表。

      让我解释草图是如何工作的:当您将任何文本或图层定义为组件样式时,草图将保存该样式中的所有属性。如果您想要修改符号中的任何样式,您将会以覆盖的形式进行修改。例如,如果您想要不同的对齐方式或不同的颜色组件,则在使用草图时,必须预先制作所有可能的文本/图层样式。

      让我们再来看看同样的情况。菲格玛是如何处理的?

      Figma属性面板

      费马最引人注目的地方是它的成分更加原子化。组件属性面板中的每个属性都可以直接定义样式。其工作模式更符合设计师的需求。您可以分别保存颜色、字体和投影,并将它们组合成您想要的主要样式。这个工作流程非常有用,因为如果我想改变颜色,我不需要深入到像草图这样的组件来调整文本样式或图层颜色。在《费马》中,你可以通过修改一个地方来改变一切。

      (蔡赟注:根据我自己的使用经验,图ma中的组件在复制后会生成新的实例。比符号更强有力的是,有一种亲子关系。这意味着您可以调整实例的样式,而不会干扰父实例的样式,同时修改父实例的样式可以修改整体情况。有点曲折,看一幅画。)

      我还注意到Figma使组件更加灵活,比草图符号限制更少。

      在草图中,如果要修改符号属性,可以通过符号中的叠加样式对其进行调整。但是不能从组件中删除元素。例如,如果您有一个带图标的按钮,那么您必须创建两个符号,一个带图标,另一个不带图标。

      Figma的组件有些不同。可以像修改草图一样修改叠加样式,但是也可以直接修改组件图层和图层属性。

      作为Figma组件的示例,我可以删除图标并更改按钮的圆角半径。

      03合作模式

      选择合适的工具对于设计师之间的合作非常重要。

      Figma在协作过程中使用谷歌文档,允许所有设计者同时开始处理同一文档。你可以在页面上看到许多鼠标和其他设计师在做什么。

      老实说,我个人不喜欢别人盯着我或者和别人一起写文件。因为当文件被放大时,当两个人想在同一个屏幕上工作时,他们几乎要崩溃了。但是一些设计师更喜欢这种工作方式。

      Figma截图

      让我们看看谢奇是如何处理协作的。我发现Sketch在这一部分做得更好,因为它有一个叫做抽象的插件。它允许设计者拥有像Github这样的项目分支系统。每个设计者在分支中设计,然后合并分支以解决冲突。就我个人而言,我更喜欢这种工作方式,但是一些设计师认为它太复杂了。

      04文件移交

      设计师如何将设计草案发送给开发人员?

      Figma有自己的内置标记工具,但是我在实践中遇到的最大问题是,当我发送一个开发界面时,我必须发送一个指向整个项目文件的链接。当他们点击该链接时,他们必须等到项目完全加载后才能看到项目中某个接口的标记文件。或者在报告会议中,当我们想要打开设计草案时,我们可以等到会议结束并且链接还没有打开。

      草图有一个云来共享界面,但是我认为它还没有开发出来,但是已经有很多插件来使共享更加顺畅,比如抽象、zelpin、邀请。有了这些插件,您只需要共享所需的接口文件,这将大大加快加载速度。

      05原型功能

      在费马制作一个原型非常方便。您可以非常容易地将原型作为测试发送给用户,因为它的共享和更新非常简单。打开一个连接。

      草图是一个本地化工具,所以不方便进行原型共享。你必须通过草图云来分享它,这个云仍然是非常基础的,基本上不能做太多。

      为了制作有趣的动画和漂亮的原型,草图和菲戈玛可以与所需的工具结合,如弗林特,原始人,原则…...

      06文件导出

      这两个工具在导出时非常相似,许多插件可以同时使用,如Zeplin和Simpli。它们的存储使导出剪切图变得更容易。

      然而,我在图ma中真正错过的是,我可以复制任何画板或任何元素,并将其粘贴到除图ma之外的软件中,但现在这是不可能的。素描没问题,我以前经常画,所以我的桌面上不会有太多的文件垃圾。我希望菲格玛能尽快意识到这一点。

      07脱机办公室

      两种工具都可以脱机工作,但是Figma无法加载组件,并且脱机工作时速度非常慢。然而,草图在离线时几乎没有变化。

      插件08

      草图比Figma更早出现,所以插件也更丰富。但我真正喜欢菲格玛的是,他们在进入菲格玛商店之前会检查每个插件。这确保了插件是可信的,并且不会损坏项目文件本身。

      最后,我想强调的是,我对哪个工具更好没有特别强烈的意见,因为到目前为止,两个工具都做得很好。如果你学习一个,你也将使用另一个,转换实际上是非常容易的。

      因此,我建议根据项目的具体情况选择合适的工具。

      9月9日,蔡云又补充了一点

      就我个人而言,我对这种云协作模式更加乐观。云是未来。在草图的使用过程中,总会遇到一些麻烦,如版本管理困难、多人协作不便、构件库逻辑层次复杂等。这些问题在使用Figma时已经解决,我们期待您尝试使用它。目前,一些主要的国外工厂,如推特、微软、Github、Dribbble、Dropbox、Airbnb和优步,都开始使用Figma作为团队设计工具。不确定它是否会成为未来的主流设计工具。请提前做好准备。

      此外,还附上了菲格玛中国用户手册:https://figmachina.com/guide

      在下一期,也许我会分享一些我使用Figma的个人经验(等我研究一下)。如果你感兴趣,请给我一些鼓励。谢谢你。

      原文:https://uxdesign . cc/should-I-switch-figma-sketch-79 c 9828684 a

      作者:艾哈迈德·阿卜杜勒马吉德

      译者:凯云斯基;公共编号:蔡赟翻译设计

      这篇文章由@ Caiyunsky翻译出版。每个人都是产品经理。未经允许禁止复制。

      主题图来自Unsplash,基于CC0协议。

      本文由 在线网速测试 整理编辑,转载请注明出处,原文链接:https://www.wangsu123.cn/news/5730.html

          热门文章

          文章分类