這篇是一篇從團隊協作的角度來對比 Sketch 與 Figma 的文章,節選自一位 Medium 作者。這位作者從工作流、版本控制、設計演示等角度詳細對比了兩款產品。原文連結在此。

1、工作流:Sketch vs Figma

舊:Sketch(設計)+ Abstract(版本管理)+Zeplin(標註)+ InVision(演示 / 原型)

4 個工具,月費。(5個 Framer 賬號)

新:Figma(設計、版本控制、原型、演示、標註)

1 個工具,月費。(2個 Framer 賬號)

設計、版本控制:Sketch + Abstract

當需要穿插引用的樣式和 Symbol 不是很多,使用 Sketch 和 Abstract 能夠獲得很高的提效。However,隨著需要引用的內容不斷增多,Sketch 與 Abstact 組合就會越來越慢。

這一點在進行 merge(合併) / sync(同步) 操作時尤其明顯。有時需要 15分鐘以上才能夠同步到整個團隊。這一點對緊張的工期來說非常不友好。

Figma 的

在 Figma 中,你可以與其他人同時設計,這個能力令我們印象深刻。此外,在同一個畫布上協作讓我們更好的作出設計決定。

我們在使用 Figma 的過程中獲得的一個額外的收益,就是避免了設計師獨自花費過長時間設計而產生的審美疲勞。使用 Figma 意味著一旦開啟所有人都在同一份畫布上進行設計,公共的設計環境提升了效率也減少了不必要的過度設計。

演示:從 Abstract 到 InVision

完成設計後我們會向客戶呈現,以前我們是這麼做的:

1、開啟 InVision

2、在 Abstract 中開啟 Untracked 的 Sketch 檔案,使用 Craft 同步到 InVision

3、在 InVision (或者 Craft)中建立熱點

4、使用 InVision Freehand 或螢幕共享與客戶分享方案

5、記錄反饋行動項

6、修改調整

7、重新再來

使用 Figma 演示

製作原型(基礎但強大)、評論(基礎但實用)、版本控制(內建)。

意味著:

無需匯出

,撥通 Skype 分享觀看連結,客戶可以在螢幕中看到游標

無需反覆 commit

,版本控制在後臺自動進行備份

無需額外工具

製作原型

在 Ideation 緩解,我們有兩個團隊,一個團隊負責與客戶講解,另外一個團隊負責

實時調整

。這樣下來節省了大量時間。客戶也能夠以貢獻者的身份參與進來。