聊聊云端實時協(xié)作軟件Figma，Pixso和Sketch發(fā)展現(xiàn)狀

2022-04-14 14:18 來源：互聯(lián)網(wǎng) 我來投稿撤稿糾錯

Figma和Pixso都是新一代可以直接在瀏覽器中使用的，功能上兼?zhèn)銼ketch并可以進(jìn)行實時協(xié)作的設(shè)計工具。

Figma和Pixso是基于云端的設(shè)計工具，相比本地的Sketch增加了實時協(xié)作的功能，前兩者可以看成是在線版的Sketch，三款工具用一個公式可以簡單粗暴地總結(jié)為：

Figma/Pixso = Sketch + 云端實時協(xié)作

Sketch是老牌的UI設(shè)計軟件，從2010推出至今已有10多年，但始終沒有Windows版本，一直是許多用著Windows系統(tǒng)的UI設(shè)計師心中抹不去的痛，曾經(jīng)一度有不少人為了用上蘋果電腦專屬的Sketch，買了人生的第一臺Mac。

時過境遷，2016年Figma誕生了，作為一款基于Web端的UI設(shè)計工具，產(chǎn)品形態(tài)決定了Figma跨平臺的特性，擺脫了過去Sketch對設(shè)備的依賴，使用不同系統(tǒng)的用戶，僅用一個鏈接中就能實現(xiàn)跨平臺和時空的設(shè)計協(xié)作。

Pixso，由國內(nèi)本土團(tuán)隊打造的對標(biāo)Figma的一站式協(xié)同設(shè)計工具，集UI設(shè)計、原型、交互、標(biāo)注和資源于一身，打通產(chǎn)品、設(shè)計和研發(fā)協(xié)作多款軟件間的壁壘，在一款軟件中就能完成產(chǎn)設(shè)研全流程，原生中文語言，更符合國人使用習(xí)慣和需求。

同樣是做UI設(shè)計的工具，在選擇其中一款作為主力設(shè)計工具時，不少人會對Figma、Pixso和Sketch這3款工具進(jìn)行對比。今天的這篇文章，我將從一個客觀的角度，簡要分析這3款UI設(shè)計工具的區(qū)別。

軟件語言

軟件語言，是許多人第一次使用一款軟件避不開的話題，Pixso是國內(nèi)團(tuán)隊推出的產(chǎn)品，原生中文語言，而Figma和Sketch是海外的軟件，F(xiàn)igma目前只有英文版，Sketch最初也只有英文版，從Sketch54版本開始提供中文版，從此使用Sketch不需要先進(jìn)行漢化。

云端在線 VS 本地客戶端

Figma和Pixso兩者都是基于瀏覽器的UI設(shè)計工具，打開瀏覽器就能使用，而Sketch是比較傳統(tǒng)的、基于本地客戶端的軟件，使用前需要在本地磁盤安裝軟件。

基于本地客戶端的軟件，更符合我們對軟件最初的認(rèn)知，受到先入為主的印象的影響，有些人會對Figma和Pixso這類云端工具的性能和流暢度表示擔(dān)憂，但實際使用下來，兩款軟件的表現(xiàn)并不遜色于本地的Sketch，導(dǎo)入包含10W+圖層的文件依舊可以流暢運(yùn)行。

在Figma和Pixso中創(chuàng)建的項目，源文件和歷史版本會保存在對應(yīng)軟件的服務(wù)器中，由于Figma的服務(wù)器位于海外，在打開或切換頁面時，加載速度多數(shù)時候不如國內(nèi)的Pixso。

當(dāng)然，存放在Figma和Pixso服務(wù)器上的文件，同樣可以下載到本地，滿足本地備份的需求。

Figma目前只支持導(dǎo)出專有的fig格式，而Pixso除了導(dǎo)出專有的pix格式，還支持導(dǎo)出sketch和xd兩種格式。

多人實時協(xié)作

多人實時協(xié)作，可以說是區(qū)分這3款軟件必須提及的方面，也是Figma和Pixso的亮點之一。

基于Figma和Pixso云端的特性，在這兩款軟件中創(chuàng)建的文件，可以邀請設(shè)計師、產(chǎn)品經(jīng)理、工程師、合作方等相關(guān)人員加入?yún)f(xié)作，多人在線編輯同一份文件，省下原本需要開多個會議的時間。

在創(chuàng)建協(xié)作鏈接時，可自定義加入?yún)f(xié)作的人員的權(quán)限——可查看 、可編輯 ，你可以根據(jù)項目分工設(shè)置相應(yīng)的權(quán)限。

收到鏈接的協(xié)作者點開鏈接就能直接查看文件內(nèi)容，同樣不需要提前安裝軟件，這對非設(shè)計師群體來說非常友好，不需要為了查看源文件而特地安裝某個軟件，這也是Figma和Pixso這類云端工具帶來的另外一個優(yōu)勢。

Sketch最初不支持多人實時協(xié)作，在2020年底的Beta版才推出了類似Figma和Pixso的協(xié)作能力，這個功能沒有集成到本地的Sketch客戶端中。

開始協(xié)作之前，需要把本地的Sketch文件上傳到Sketch Cloud中，在瀏覽器打開分享鏈接，才能參與協(xié)作。

回溯歷史記錄

Figma、Pixso和Sketch三者都支持自動保存歷史記錄，方便你回溯到早期的設(shè)計版本，不過這三者也存在著細(xì)微的差別：

Figma和Pixso自動保存的歷史記錄會存放在服務(wù)器上，自動保存的版本歷史會以時間線 的方式進(jìn)行呈現(xiàn)，對于一些重要的設(shè)計節(jié)點，我們也可以手動保存 一個單獨(dú)的歷史版本。

Figma免費(fèi)版目前最多保存30天內(nèi)的歷史記錄，超出之后就需要訂閱會員，Pixso則沒有這種限制，支持保存過往編輯的所有記錄。

Sketch自動保存的歷史記錄會緩存在本地的磁盤，就像PS的「歷史記錄」一樣，當(dāng)歷史記錄數(shù)量比較多，會占用電腦較多的資源，導(dǎo)致設(shè)備卡頓。

評論功能

用過Word的朋友，應(yīng)該對Word的批注功能并不陌生，它在審閱文檔的場景非常有用，可以在不修改文檔的基礎(chǔ)上，提出我們的反饋或修改意見，方便與相關(guān)的人員進(jìn)行溝通。

換到設(shè)計項目協(xié)作的場景，同樣會有高頻溝通的需求，F(xiàn)igma和Pixso內(nèi)置了類似于Word批注的評論功能。

以Pixso為例，點擊頂部工具欄的「添加評論」(快捷鍵為C)，在需要修改的位置添加評論并艾特相關(guān)的設(shè)計師，可以在不破壞設(shè)計原文件的情況下給出反饋，被艾特的人也可以及時回應(yīng)，大大提高了設(shè)計評審的效率。

而對于Sketch，軟件本身缺少了評論或批注的功能，如果要想實現(xiàn)同樣的目的，需要給Sketch額外安裝一個插件Sketch Focus。

矢量網(wǎng)格

矢量網(wǎng)格是Figma和Pixso獨(dú)有的功能，這個功能對Sketch中傳統(tǒng)的鋼筆工具進(jìn)行了優(yōu)化，表現(xiàn)在：一個點可以連出多根線，拖動中間的連接點，其他的線條會自動跟隨 ，并且所有的封閉網(wǎng)格都可以獨(dú)立控制是否填充顏色。

矢量網(wǎng)格可以說是一個開創(chuàng)性的功能，它讓鋼筆工具更符合我們的直覺，降低了鋼筆工具的使用門檻，與此同時，也提升了繪制矢量圖形的效率。

響應(yīng)式布局

如今用戶使用的設(shè)備呈現(xiàn)碎片化的趨勢，屏幕尺寸大小不一，UI設(shè)計師在進(jìn)行設(shè)計時，也需要考慮同個界面在不同屏幕下的效果，這3款軟件都提供了相應(yīng)的功能，來讓頁面布局隨著屏幕大小產(chǎn)生自適應(yīng)變化。

在Figma和Pixso中，借助內(nèi)置的「約束」功能，設(shè)置好頁面元素水平和垂直方向的約束選項，當(dāng)我們調(diào)整畫板尺寸時，頁面元素的大小會隨畫板寬度自適應(yīng)發(fā)生變化 ，實時預(yù)覽頁面在不同屏幕尺寸下的效果。

在Sketch中，通過設(shè)置「調(diào)整尺寸」中的參數(shù)，同樣也可以實現(xiàn)響應(yīng)式布局，但它不如Figma和Pixso那般靈活直觀——點擊「約束」縮略圖，就可以快速設(shè)置元素在不同方向上的約束。

文件導(dǎo)入

Figma和Pixso支持導(dǎo)入來自Sketch的文件，導(dǎo)入后可以還原文件導(dǎo)入前的狀態(tài)，所有的頁面、畫板、圖層和元素都是分離的狀態(tài)，且保留有元素或組件最初設(shè)置的陰影、模糊等樣式。

這意味你可以很方便地從Sketch遷移到Figma或Pixso，實現(xiàn)設(shè)計工具的切換，另一方面，原先使用Sketch制作的UI Kit、或者下載的Sketch資源，也可以很方便地在Figma和Pixso兩款軟件中復(fù)用。

軟件界面

Sketch推出的時間比較早，軟件本身的界面設(shè)計可以說是給后來的諸多UI設(shè)計軟件打了樣。

Figma和Pixso沿用了Sketch的界面布局，讓初次接觸的用戶不會感到陌生，可以更快上手：

頂部是工具欄，左側(cè)是頁面→畫板→圖層面板，右側(cè)為屬性面板，中間最大的就是編輯區(qū)域。