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

　 阿里云優(yōu)惠券 先領券再下單

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

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

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

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

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

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

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

軟件語言

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

云端在線 VS 本地客戶端

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

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

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

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

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

多人實時協(xié)作

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

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

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

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

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

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

回溯歷史記錄

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

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

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

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

評論功能

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

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

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

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

矢量網(wǎng)格

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

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

響應式布局

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

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

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

文件導入

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

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

軟件界面

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

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

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

桌面客戶端

Figma和Pixso雖然是基于云端的在線工具，但它們都提供了基于云端封裝而成的桌面客戶端，支持Windows和macOS系統(tǒng)。

在使用桌面客戶端時，同樣需要聯(lián)網(wǎng)，我們所做的每一步操作才會自動保存到云端，但如果是短時間的斷網(wǎng)，兩者都支持離線編輯，在網(wǎng)絡恢復到正常狀態(tài)后，就會將當前版本自動同步到云端。

你應該使用Pixso嗎？

——是的！使用Pixso，并不意味著你需要完全從0開始，尤其是對用過Sketch的用戶而言，Pixso絕大部分操作邏輯與Sketch保持一致，從Sketch切換到Pixso，只需要重點了解Pixso新增的功能與用法，同樣可以快速上手。

Pixso 目前對所有個人用戶免費開放，內(nèi)置的所有功能都可以免費使用！

現(xiàn)在前往 Pixso 官網(wǎng)注冊賬號，可以享受到 Pixso 會員的所有權益：無限文件數(shù)量、無協(xié)作者人數(shù)限制、無限云存儲空間等等，快來嘗試一下吧～

申請創(chuàng)業(yè)報道，分享創(chuàng)業(yè)好點子。點擊此處，共同探討創(chuàng)業(yè)新機遇！