据我所知，目前国外的公司很多，从 sketch 切换到 Figma ，在中国，一些公司开始使用它Figma，例如，像网易这样的设计团队也开始使用这个工具进行远程协作设计。同时，国产的设计工具最近两年发展的也不错。

即时设计 - 比Figma更懂国内设计师的在线工具 即时设计是一款支持在线协作的专业级 UI 设计工具，支持 Sketch、Figma、XD 格式导入，海量优质设计资源即拿即用。支持创建交互原型、获取设计标注，为产设研团队提供一站式协同办公体验。 https://js.design/?source=csdn&plan=yscsdn52

那Figma这个软件能否取代这个软件？sketch那呢？有什么优点，有什么坑，能顺利过渡吗？很多人都有疑问，所以彩云会给你找这篇干货文章，比较分析两款软件的优缺点，让我们来看看。

1.功能特性

这两种工具几乎具有相同的功能、相同的快速方式和相同的结构。如果你能使用其中一个，另一个通常可以直接使用。

Figma支持在Figma中打开sketch文件

Figma可以在任何系统中使用(Windows,macOS..)使用它，因为它是基于浏览器的

Sketch是macOS原生应用，所以只能在Mac中工作

Sketch和Figma目前的性能非常相似

Figma打开项目文件需要很长时间，而且需要很长时间sketch打开通常只需要一秒钟

2.组件系统—SymbolsVsComponents

我原来用sketch的symbols制作组件库感觉不错，但是当我开始使用的时候，Figma之后，我发现组件化做得更好。让我告诉你为什么！

Sketch组件样式不是原子级的。当我想构建文本样式时，我必须列出所有我想要的风格，并做一个长列表。

我来解释下Sketch如何工作：当您定义任何文本或图层组件样式时，Sketch所有属性都会保存在这种风格中，如果要修改，symbols任何风格都以覆盖的形式修改。例如，如果你想要不同的对齐方式或不同颜色的组件，使用它们Sketch提前做好所有可能的文本/图层样式。

让我们看看同样的情况Figma如何处理：

Figma属性面板

Figma惊人的是它的组件更具原子级，在component属性面板中的每个属性都可以直接定义风格，它的工作模式更符合设计师的需。您可以单独保存颜色、字体、投影，并可以任意组合成您想要的主要风格。这个工作过程很有帮助，因为如果我想改变颜色，我就不需要了Sketch深入元件调整文本风格或图层颜色。在元件中。Figma你可以真正修改一个地方来改变一切。

我也注意到Figma使组件更更加灵活相比，使组件更加灵活Sketch的symbols，限制更少。

在Sketch中间，如果你想修改symbols属性，可以通过symbol调整中的覆盖风格。但是您不能删除组件中的元素。例如，如果您有一个带图标的按钮，您必须创建两个按钮symbol，一个有图标，另一个没有图标。

Figma有些组件不一样，可以和sketch同样修改覆盖风格，但也可以直接修改组件层和层的属性。

Figma我可以删除图标并更改按钮的圆角半径。

3.协作方式

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

Figma在合作过程中，采用谷歌文档模式，允许所有设计师同时启动同一文件。你可以在页面上看到很多鼠标，看到其他设计师在做什么。

说实话，我个人不喜欢有人一直盯着我看，或者和别人在同一个文件上工作。因为当文件放大时，当两个人想在同一个屏幕上工作时，他们就崩溃了。但是有些设计师更喜欢这种工作方式。

让我们看看Shetch我发现如何处理合作，我发现了Sketch其实这部分比较好，因为里面有一个叫做插件的插件abstract。它允许设计师拥有像样的图像。Github在这样的项目分支系统中，每个设计师都在分支中设计，然后合并分支来解决冲突。我个人更喜欢这种工作方式，但是有些设计师觉得太复杂了。

4.文件交接

设计师如何将设计稿发给开发？

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

Sketch有一个Cloud分享界面，但我认为目前还没有开发和改进，但事实上，有很多插件可以使分享更流畅，比如像abstract,Zelpin,invision…。使用这些插件，您只需要共享所需的界面文件，这样加载速度就会快很多。

5.原型功能

在Figma制作原型非常方便。您可以很容易地将原型发送给用户进行测试，因为它的共享和更新非常简单，只需打开连接即可。

Sketch这是一种本地化工具，所以分享原型不方便。你必须使用它。Sketchcloud要分享它，而且这个云目前还很基础，基本上做不了多少事情。

另外原型工具还是 axure 好一些。

6.文件导出

这两个工具在导出时相似，可以同时使用的插件很多，比如Zeplin和Simpli，它们的存储使切图更容易导出。

但我在Figma真正怀念的功能是复制任何画板或任何元素，并粘贴到其中Figma其他软件，但现在不行。Sketch是的，我以前经常这样做，所以我的桌面上没有太多的文件垃圾，我希望我希望我的桌面上没有太多的文件垃圾。Figma这一点可以尽快实现。

7.离线办公

两种工具都可以离线工作，但是Figma不能加载组件，而且离线工作时间很慢。Sketch离线时几乎没有变化。

Sketch比Figma出来的早很多，所以插件也要丰富一些。但是我真的很喜欢。Figma它们进入每个插件到每个插件Figma商店以前会审查它们。这很好地保证了插件是可信的，不会破坏项目文件本身。

最后，我想强调的是，我对使用哪种工具没有特别强烈的意见，因为到目前为止，这两种工具都做得很好。学习其中一个，你会使用另一个，实际上很容易改变。

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

Figma惊人的是它的组件更具原子级，在component属性面板中的每个属性都可以直接定义风格，它的工作模式更符合设计师的需。Figma我有自己的内置标记工具，但我在实践中遇到的最大问题是，当我向开发人员发送一个界面时，我必须发送整个项目文件链接。Sketch是的，我以前经常这样做，所以我的桌面上没有太多的文件垃圾，我希望我希望我的桌面上没有太多的文件垃圾。最后，我想强调的是，我对使用哪种工具没有特别强烈的意见，因为到目前为止，这两种工具都做得很好。学习其中一个，你会使用另一个，实际上很容易改变。.... 直到新一代在线设计工具出现，网络上又有了越来越多拿在线工具跟 Sketch 比较的声音，有点像早些年大家拿 Sketch 跟 PS 比较一样。对于 UI 设计师来说，使用工具的能力是个人竞争力的重要部分，了解新工具的发展动态，保持自己所用工具的先进性是很有必要的。 下面我们也来看看与 . Figma 在核心的设计功能 方面 也要优于 Sketch ，例如更灵活的组件使用方式、矢量网格、原型交互等等，虽然很多功能是在 Sketch 的基础上优化的，但是确实做出了更好的体验，初次尝试 Figma 的用户，在协作、插件等内容还不能体验的情况下，单单凭借对设计功能的体验，就会有留下来的欲望。