據(jù)我所知，目前國外的公司很多，從sketch切換到Figma，在中國，一些公司開始使用它Figma，例如，像網(wǎng)易這樣的設(shè)計團隊也開始使用這個工具進行遠程協(xié)作設(shè)計。

那Figma這個軟件能否取代這個軟件？sketch那呢？有什么優(yōu)點，有什么坑，能順利過渡嗎？很多人都有疑問，所以彩云會給你找這篇干貨文章，比較分析兩款軟件的優(yōu)缺點，讓我們來看看。

兩個很好用UI設(shè)計工具，sketch和figma競爭之間的競爭還在繼續(xù)，設(shè)計師：哪個軟件更好用？

1.功能特性

這兩種工具幾乎具有相同的功能、相同的快速方式和相同的結(jié)構(gòu)。如果你能使用其中一個，另一個通?？梢灾苯邮褂谩?/p>

Figma支持在Figma中打開sketch文件

Figma可以在任何系統(tǒng)中使用(Windows,macOS..)使用它，因為它是基于瀏覽器的

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

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

Figma打開項目文件需要很長時間，而且需要很長時間sketch打開通常只需要一秒鐘

2.組件系統(tǒng)—SymbolsVsComponents

我原來用sketch的symbols制作組件庫感覺不錯，但是當我開始使用的時候，F(xiàn)igma之后，我發(fā)現(xiàn)組件化做得更好。讓我告訴你為什么！

Sketch組件樣式不是原子級的。當我想構(gòu)建文本樣式時，我必須列出所有我想要的風格，并做一個長列表。

我來解釋下Sketch如何工作：當您定義任何文本或圖層組件樣式時，Sketch所有屬性都會保存在這種風格中，如果要修改，symbols任何風格都以覆蓋的形式修改。例如，如果你想要不同的對齊方式或不同顏色的組件，使用它們Sketch提前做好所有可能的文本/圖層樣式。

讓我們看看同樣的情況Figma如何處理：

Figma屬性面板

Figma驚人的是它的組件更具原子級，在component屬性面板中的每個屬性都可以直接定義風格，它的工作模式更符合設(shè)計師的需。您可以單獨保存顏色、字體、投影，并可以任意組合成您想要的主要風格。這個工作過程很有幫助，因為如果我想改變顏色，我就不需要了Sketch深入元件調(diào)整文本風格或圖層顏色。在元件中。Figma你可以真正修改一個地方來改變一切。

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

在Sketch中間，如果你想修改symbols屬性，可以通過symbol調(diào)整中的覆蓋風格。但是您不能刪除組件中的元素。例如，如果您有一個帶圖標的按鈕，您必須創(chuàng)建兩個按鈕symbol，一個有圖標，另一個沒有圖標。

Figma有些組件不一樣，可以和sketch同樣修改覆蓋風格，但也可以直接修改組件層和層的屬性。

Figma我可以刪除圖標并更改按鈕的圓角半徑。

3.協(xié)作方式

選擇合適的工具對設(shè)計師之間的合作非常重要。

Figma在合作過程中，采用谷歌文檔模式，允許所有設(shè)計師同時啟動同一文件。你可以在頁面上看到很多鼠標，看到其他設(shè)計師在做什么。

說實話，我個人不喜歡有人一直盯著我看，或者和別人在同一個文件上工作。因為當文件放大時，當兩個人想在同一個屏幕上工作時，他們就崩潰了。但是有些設(shè)計師更喜歡這種工作方式。

讓我們看看Shetch我發(fā)現(xiàn)如何處理合作，我發(fā)現(xiàn)了Sketch其實這部分比較好，因為里面有一個叫做插件的插件abstract。它允許設(shè)計師擁有像樣的圖像。Github在這樣的項目分支系統(tǒng)中，每個設(shè)計師都在分支中設(shè)計，然后合并分支來解決沖突。我個人更喜歡這種工作方式，但是有些設(shè)計師覺得太復雜了。js.design/special/sketch

4.文件交接

設(shè)計師如何將設(shè)計稿發(fā)給開發(fā)？

Figma我有自己的內(nèi)置標記工具，但我在實踐中遇到的最大問題是，當我向開發(fā)人員發(fā)送一個界面時，我必須發(fā)送整個項目文件鏈接。當他們點擊鏈接時，他們必須等待，直到項目完全加載，才能看到項目中的界面標記文件?；蛘咴趫蟾鏁?，當我們想打開設(shè)計草案時，我們可能會等到會議結(jié)束，鏈接還沒有打開。

Sketch有一個Cloud分享界面，但我認為目前還沒有開發(fā)和改進，但事實上，有很多插件可以使分享更流暢，比如像abstract,Zelpin,invision…。使用這些插件，您只需要共享所需的界面文件，這樣加載速度就會快很多。

5.原型功能

在Figma制作原型非常方便。您可以很容易地將原型發(fā)送給用戶進行測試，因為它的共享和更新非常簡單，只需打開連接即可。

Sketch這是一種本地化工具，所以分享原型不方便。你必須使用它。Sketchcloud要分享它，而且這個云目前還很基礎(chǔ)，基本上做不了多少事情。

另外原型工具還是axure好一些。js.design/special/axure

6.文件導出

這兩個工具在導出時相似，可以同時使用的插件很多，比如Zeplin和Simpli，它們的存儲使切圖更容易導出。

但我在Figma真正懷念的功能是復制任何畫板或任何元素，并粘貼到其中Figma其他軟件，但現(xiàn)在不行。Sketch是的，我以前經(jīng)常這樣做，所以我的桌面上沒有太多的文件垃圾，我希望我希望我的桌面上沒有太多的文件垃圾。Figma這一點可以盡快實現(xiàn)。js.design/special/figma

7.離線辦公

兩種工具都可以離線工作，但是Figma不能加載組件，而且離線工作時間很慢。Sketch離線時幾乎沒有變化。

8.插件

Sketch比Figma出來的早很多，所以插件也要豐富一些。但是我真的很喜歡。Figma它們進入每個插件到每個插件Figma商店以前會審查它們。這很好地保證了插件是可信的，不會破壞項目文件本身。

最后，我想強調(diào)的是，我對使用哪種工具沒有特別強烈的意見，因為到目前為止，這兩種工具都做得很好。學習其中一個，你會使用另一個，實際上很容易改變。

因此，我建議根據(jù)項目的具體情況選擇合適的工具。