?小編：最近有很多同學都在問Figma相關的問題，可見這款新興的UI設計軟件是有很多感興趣的人。那么它有什么優勢和魅力呢？和Sketch相比功能是如何呢？一起來看看Sketch or Figma誰才是UI設計軟件的未來？
談起UI設計軟件，首先想到的大概是Sketch。伴隨移動互聯網的興起，Sketch的發展可謂一騎絕塵。相比曾經的大哥Photoshop，Sketch雖功能不及其強大，但勝在更加輕量，更高效率，迅速俘獲了UI設計圈的青睞。一時間，幾乎所有國內外主流設計團隊都將Sketch作為主要的生產力工具，也使其成為了UI設計領域的新霸主。
近兩年，一款名叫Figma的設計工具異軍突起。根據UX Tools 針對全球數千名設計師年度問卷調查，Figma從2017年愛用度排名第七到2018年一下爆沖到第二名，并榮登2019年最令人期待的設計工具，展現出的驚人潛力令人側目。尤其今年以來，已經有非常多的公司正在從Sketch切換到Figma，比如大家耳熟能詳的Twitter、微軟、Github等，國內也有網易的設計團隊開始利用這款工具開展遠程協作設計。
那么Figma究竟如何在國內外收割這么多擁躉，以至于搶占Sketch的用戶呢？
最好的跨平臺UI設計工具
一直以來，界面設計工具似乎對windows都極度不友好，比如Sketch壓根不開發windows版本，Adobe的XD雖然有windows版本，但實際使用體驗還是和Sketch有明顯的差距。而Figma基于web平臺開發，只要你的設備有瀏覽器，并且連接了互聯網，就可以獲得媲美sketch之于mac的極佳體驗，且不受系統約束。
流暢的操作體驗
雖然Figma基于web開發，其流暢性卻絲毫不遜色于客戶端軟件。曾經習慣用PS做設計的小伙伴，肯定有過被卡頓支配的恐懼，復雜的設計文件，尤其是多畫板的設計稿就連移動圖層都變得異常費勁。
Sketch在這點上相較于PS雖有極大的優化，但性能也有明顯的上限，如果畫板數量太多，長時間工作下的Sketch依然會卡頓不已。
Figma似乎并不怎么消耗本地資源，同樣大小的項目文件，Figma能夠將緩存控制在極低且保持流暢的60幀渲染，可以說是真正的「如絲般順滑」。
超強的全局組件
這個功能非常類似Sketch的Library，不同之處在于你可以在Figma新建一個專門的文件來定義組件（component）或者樣式（style），再將其發布到庫（Library），這樣團隊中的所有成員都可以在團隊中的任意文件調用這些組件。同時得益于Figma是基于web開發，這些組件是可以實時同步更新的，這意味著一旦修改了某個組件樣式，團隊中所有項目內用到該組件的地方，都能選擇是否要同步更新。
真正的核心競爭力—團隊協作
依舊是基于web開發的先天優勢，多名設計師可以在Figma同時操作同一設計文件，不必保存后再相互發送，可謂效率倍增；Figma還支持評論留言，哪里急需修改、哪里優先級較低，只需要增加批注即可提醒團隊其他成員注意，從此再也無需將設計稿源文件在團隊內發來發去，評審也變得簡單高效。妥妥的殺手級功能。
恢復歷史版本
基于web的Figma雖然好處多多，卻總給人不安全的感覺。假如某個設計稿歷經數小時，一頓猛如虎的操作之后突然斷網斷電，如果沒有及時將文件保存，真的只能欲哭無淚。
Figma針對這一痛點做的非常到位。團隊中每一位成員的每一次修改都會生成對應的歷史版本，即使某位成員出現誤操作也有充分的兜底機制保證文件的安全。
可以看出，Figma是一款基于web的優秀設計軟件，各方面的使用體驗可以說和Sketch不相上下，二者的競爭也還在繼續。那么作為設計師，我們又該如何選擇呢？
?
Sketch V.S. Figma
組件系統
組件(symbol)曾經是Sketch最為人稱道的殺手級功能，能夠極大提高設計效率。Figma的組件(Components)繼承了symbol的優點且更加靈活，更符合設計師的需要。
例如，在Sketch中創建一個symbol時，會將所有屬性保存其中，如果修改了任何屬性，需要以覆蓋的形式對引用該symbol的文件進行同步。如果你希望這個symbol有不同的對齊方式或顏色，需要提前預設好，或者解除symbol關聯后修改（解除后不能再同步symbol樣式）。
而Figma的component則更加自由，其強大之處在于存在父子級關系。當引用了一個component后，可以任意調整其屬性也不會干擾父級的樣式，而修改了父級的屬性又能修改全局。
協作方式
Figma的協作采用了谷歌文檔的模式，允許所有設計師同一時間，同一個文件上同時工作。你能看見許多鼠標在頁面上，可以看到其他設計師正在做什么。雖然設計師不情愿，但是老板和客戶大概會很喜歡這樣的感受。
Sketch由于是客戶端，協作需要借助插件。有一款名叫abstract的版本管理插件，允許設計師在類似Github那樣的項目分支中設計，然后合并分支，解決沖突。雖然有些麻煩，卻也不失為一種嚴謹的Sketch設計稿版本管理解決方案方式。
設計稿交付
Figma有內置的標注工具，但問題是只能生成整個項目的鏈接發送給開發，需要開發自己找到標注頁面。不僅麻煩，當項目很大時載入的時間也會比較長。
Sketch有Cloud功能來交付，但功能并不完善，目前更多利用插件來解決這一需求。比如Zeplin，invision，摹客等等，都可以上傳指定的設計稿自動標注切圖交付開發。
?
UI設計軟件的未來？
一場突如其來的疫情極大改變了人們生活和工作的方式，許多公司開始嘗試遠程辦公，遠程協作成為了擺在臺面上的剛性需求。總的來說，筆者對于跨平臺，且擁有相對完善云端協作體驗的Figma更加看好。云才是未來，布局云端協作的設計軟件也會越來越多，例如InVision推出InVision Studio和我們推出的摹客設計協作平臺等都是設計協作領域的佼佼者。這一領域的競爭仍在繼續，任何一款軟件成為未來的主流設計工具都有可能，讓我們拭目以待吧。
原文地址：UI中國
作者：Mockplus??
轉載請注明：學UI網 » Sketch or Figma誰才是UI設計軟件的未來？
