雖然Figma已經問世了很久了,但是隨著專案的契機,而且最近開放了外掛系統,最近才試用了一下Figma。從一個一個互動+輕度視覺的角度,來評價一下Figma。總的來說。我覺得評價還是正面的。

⭐️優點

效能極佳

心動指數:⭐️⭐️⭐️⭐️⭐️

只能說曾經對Web效能的偏見被打臉了。

因為通常稿子會經常改,每次改我通常就會新建一個Page。久而久之一個sketch檔案就會變得巨大無比。有時候改的實在是太多了,一個檔案100多M,用sketch開啟非常卡,然後就只能拆成多個檔案。

Sketch vs. Figma

我的Sketch檔案的畫風

另外,Sketch的穩定性真的讓人崩潰,很多時候一些簡單的操作。。。就。。。Crash,意外退出各種亂七八糟的事情就來了。而Figma,只能說用到現在,從來沒有Crash過。而且開啟一個100多M的檔案,完全不會出現卡頓的狀況。

Sketch vs. Figma

日常崩潰的sketch

支援線上協作

心動指數:⭐️⭐️⭐️⭐️⭐️

這是一個可以視奸其他設計同學正在幹啥的功能。另外,如果你把一個連結發給他人,他人也可以看到你在畫稿的過程。

Sketch vs. Figma

視奸自己的同事畫稿

說實話這個功能,感覺有點微妙。畢竟通常作為一個設計師,自己的半成品通常並不希望被別人所看到。但是當非常急的時候需要合稿子,而且涉及到大量的介面交叉和元件共用時,真的還是很好用的,多人協作時至少提高了30%的效率。

官方支援了Sketch Measure

心動指數:⭐️⭐️

Sketch vs. Figma

在Code模式下,開發可以直接看到css程式碼

但是Figma就直接把Sketch Measure給內建了。當我把設計稿發出去的時候,開發也可以同時看到標註和程式碼,非常方便。

各種騷氣的編輯功能

心動指數:⭐️⭐️⭐️

例如說智慧排版、快速畫半圓環的功能。。。emmm。。。真香

Sketch vs. Figma

https://www。zhihu。com/video/1146780511149121536

Sketch vs. Figma

https://www。zhihu。com/video/1146780578635415552

個人版免費

心動指數:⭐️⭐️⭐️

畢竟Sketch一年99刀,免費試用15天,而Figma不僅永久免費,還支援2人及以下協作,至少那些小的專案,UI設計只有一兩人的,基本不需要在軟體上投入什麼金錢了。

Windows可用

心動指數:⭐️⭐️⭐️

這是一個不需要解釋的優點。畢竟,相同配置下,一臺Mac比一臺Windows電腦還是貴不少,這也算是省錢了。

字型機制

心動指數:⭐️⭐️⭐️⭐️

Sketch vs. Figma

雖然那個是企業版使用者才支援(我也沒買),但是看了一下介紹感覺牛逼壞了,可以上傳自定義字型,也就是說,凡是我用過的字型,在其他電腦上都可以正確的顯示。

版本

心動指數:⭐️⭐️⭐️⭐️

Sketch的更新相容是讓人非常崩潰的。每次版本更新都會帶來一籮筐的問題。例如說編輯共享symbol的成員更新了版本,那團隊內其他成員必須更新Sketch才能使用那些symbol。之前也出現過一些相容性問題,低版本開啟高版本的Sketch顯示錯誤,另外,外掛也會常常需要更新才能用。。。但是Figma絕對不會有這些問題,因為它是基於Web的,每次開啟的時候必然是它的最新版,直接就可以用。

缺點

Figma Mirror有比較明顯的色差

蛋疼指數:

Sketch vs. Figma

Figma Mirror上的顏色明顯會比電腦螢幕上展示的更灰冷一些。

蛋疼指數:

相比Sketch,99刀一年可升級,還能永久使用,Figma的專業版是12刀一個月,團隊版45刀一個月。。。額。。。想到一句話,免費的才是最貴的(笑。。。我知道本意不是這個)。。。

過於依賴網速

蛋疼指數:

我知道,Figma是一個純Web的產品。但是它是完全不支援離線。之前曾經有過在團建的時候突然要求畫稿的場景。。。這就沒法搞了。。。另外,國內使用Figma是必須科學上網的,否則就會出現各種儲存失敗,同步延遲的問題。

基礎編輯功能缺失

蛋疼指數:

Sketch上的按比例放大(CMD+K)不支援,陰影擴散不支援,圖層作為蒙版之後會直接消失作為蒙版專用層。。。有一些相比Sketch的編輯功能缺失,但是我自己覺得問題不大。

Frame概念

蛋疼指數:

這個概念是很新的概念,我對這個新概念。。。真的是一言難盡。

剛進入Figma的時候,Frame這個概念一直以為是等同於Artboard的,後來發現Frame可以巢狀的時候有點震驚,後來發現,實際上這個Frame對應根本不是Sketch裡的Artboard,而是html裡的div/span。

這個概念對於一般的設計師來說可以當做Artboard來理解,但是constrains只對Frame生效,所以如果要做響應式介面的話,就免不了要用Frame巢狀。。。那當你拖元件的時候就會面臨選擇放在哪個frame的窘境。。。

英文版

蛋疼指數:

誰電腦裡還沒幾個英文軟體了。但是Figma對中文輸入也有一些bug,經常會吞字,並且也找不到什麼固定復現路徑。

無法匯出到Sketch

蛋疼指數:

嚴格的來說這個算不上什麼缺點,完全可以理解figma想把你留在這個平臺內的意圖。

但是發生了一件事情,雖然是自己的問題,先檢討一下。團隊內部在大面積

總結

雖然Figma已經問世了很久了,之前並沒有真的敢拿專案來試。Figma的編輯功能相比Sketch各有千秋,但是協作能力比Sketch高到不知道哪裡去了。但是,一個單機版的Figma體驗只能和Sketch打平手(還在有非常穩定的科學上網的環境下),但是大部分協作功能都是付費點。

優點

效能好,穩定,支援協作,便於開發協作,編輯功能強大,Windows可用,版本升級無縫

缺點

手機預覽有色差,貴,科學上網,Frame概念詭異,無法匯出到Sketch