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和國內摹客團隊推出的摹客設計協作平臺等都是設計協作領域的佼佼者。這一領域的競爭仍在繼續,任何一款軟件成爲未來的主流設計工具都有可能,讓我們拭目以待吧。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章