Sketch，Figma，Pixso，3款UI設計工具深度分析

作為一名大廠UI設計師，使用Sketch已經有三年以上，對這個出圖神速的設計工具高舉五星好評。但2020年後，因為疫情的原因，所有打工人都必須適應隔離在家辦公的現狀。以往使用體驗優秀的Sketch由於不能支持暢快地開展遠程辦公，也促使我們考慮尋找新的生產工具。

在遷移的過程中，我們也曾試用過評價比較好的Figma，但因為信息安全的原因公司不允許繼續使用，所以我們隻能考慮國產Figma類軟件。在使用過全網10+ui在線協作工具，終於還是找到了一款從設計、交互、穩定、功能都與Figma差異不大的設計工具Pixso，既能滿足在線設計的需求，也能擁有Sketch的大部分優點。

一個好用的UI設計工具是可以從設計體驗、協作能力、和使用穩定性、遷移成本等維度進行評分的，我會從這幾個重要維度來對比 Sketch與Pixso這兩個UI設計工具在使用上的差異，以供大家參考。

一、設計體驗=效率+易用

從工作流程上來講，Pixso和Sketch對比最大的區別是在於團隊協作方麵中。以往使用Sketch，如果除了跟產品經理還有研發需要日常重複溝通以外，想實現多人在線，或者切圖，又或者版本管理，都隻能靠依賴插件進行。但插件使用步驟也相對更複雜，導出也容易出錯 。

而對比Sketch，Pixso可以實現產品設計工作在同一平台完成。它既可以畫原型、設計界麵，也可以自動標注、切圖和使用鏈接完成交付。團隊的其他夥伴可以在同一個軟件共享項目進度，避免出現版本修改更新不及時的現象，也更符合目前國內的產品快速迭代的發展模式（一周一個版不再是夢想）。

除了在線協作帶來的便利。在某些細節上，Pixso類設計工具的功能適應國內設計師的使用需求。

1、原生中文軟件，學習成本低

Sketch對中文的支持並不太友好，即時現在有了官方中文版SKetch，但日常在安裝新中文字體後，字體包在字體選擇界麵顯示的名稱會存在顯示亂碼的現象。而Pixso因為是國產軟件，內嵌豐富的中文字體，使用時既不需要再花時間去同步本地字體或者重新安裝，也避免了安裝後要解決亂碼的麻煩。

2、默認圖形無邊框

Sketch在創建新圖形時，默認填充圖形灰色且自帶邊框。照現在的設計趨勢，界麵上大多圖形（彈窗、按鈕等）都不帶邊框的，所以使用Sketch創建圖形後還需要修改邊框，過程就比較繁瑣；而Pixso在創建圖形是默認是無邊框的，沒有修改邊框這個步驟，算是針對設計趨勢的一個小優化。

3、實例修改更便捷

Sketch的實例修改相對比較麻煩，需要返回到原組件進行修改。如果是組件單獨修改，還需先分離組件庫再改動，無法直接選中圖層完成修改。但是在Pixso，它像Figma一樣允許設計師直接選中圖層後批量修改，不用找回原組件或者分離，節省了組件檢索的時間。

4、組件查找精準清晰

組件檢索在Sketch也是一個比較繁瑣的操作。在套用組件時，Sketch若選擇列表查找組件，組件名稱太長不易分辨清晰。如果選擇使用右鍵按分類查找套用，雖然可以顯示縮略圖，但是縮略圖也不夠清晰需要花時間去辨別。而在Pixso，設計師可以點擊組件列表分欄即可查看組件的縮略圖，顯示麵積更大，更方麵檢索，也有效減少選錯組件的重複操作。

5、組件命名小改動，提升檢索速度

Sketch組件的命名邏輯為分類 / 模塊 / 組織 / 分子 / 原子，命名依次是從大到小，因為Sketch的組件名稱非常的長，不利於搜索查找。如果選擇使用右鍵按分類查找套用，

Pixso的組件命名除了[/]之外，還可以使用Page以及 Frame/Group 的方式，而這部分的名稱是不會出現在組件名上，這意味著按組件名稱查找更便捷。

6、 原子級組件係統搭載變體功能，有效解決重複勞動

Pixso與Sketch都可以創立組件庫，但用戶體驗略有不同。

Sketch中的組件樣式由於不是原子級的，當設計師想要構建組件庫時，需要列出組件所有的可能性，容易導致的組件數量臃腫冗雜，查找費勁。而且在Sketch，修改被定義的文本或圖層組件樣式需要重新創建組件，或者將子組件與父組件進行分離再進行修改，非常不便。

（sketch建立一個組件庫需要窮舉所有樣式）

而Pixso因為沿襲了Figma的使用為設計師提供的組件係統，以及組件樣式切換更方便的功能—“變體”。

在Pixso，組件係統的顆粒度被區分地更細。舉個例子，Pixso的組件存在級別，父組件與子組件，方便設計師複用或者修改。父組件修改後，子組件自動變化，方便我們一鍵更改組件設計樣式，保證設計風格統一性和規範性的同時又減少了多餘的操作。

而如果想要修改子組件的樣式，也可以通過右側的component屬性麵板直接修改，不需要像Sketch 那樣接相互關係尋回原件去調整，方便高效快捷簡單。

變體功能是指當一個組件存在多種類型、尺寸、狀態，而設計師又在同一文檔需要重複使用是該組件的不同樣式，可與通過變體功能來建立組件集合，然後通過右側編輯菜單按類別地快速選擇及切換來實現快速複用。

這樣的優點是設計師如果需要大量使用同一組件的不同狀態，可以利用屬性麵板隨時切換，不需要像Sketch一樣創建大量的組件列表，更加方便快捷。

7、操作簡單，更加新手友好

• 組件可添加說明

在Pixso中，組件可支持添加使用說明，使用說明中可備注文字或添加網址鏈接。這項功能在進行設計資產沉澱時顯得尤為重要，大家查看備注即可知道該組件使用注意事項等信息，可有效減少了重複溝通。

• 界麵操作小白化

在組件屬性編輯上，Sketch組件編輯界麵也較為複雜，屬性設置界麵選項太多且排布緊密，新手學習成本高。而Pixso將修改屬性按組件組合方式、顏色樣式、文本樣式、不透明度、切換組件等歸類，相互之間單獨控製，界麵更加清晰簡潔。

• 支持組件庫一鍵迭代

碰上軟件改版或者品牌VI升級，就不可避免組件庫也會需要更新的情況。Sketch更新組件庫或者修改設計規範，是需要一個一個打開本地文件修改的。 但是，Pixso文檔是雲端存儲，支持組件庫一鍵迭代，組件庫更新完畢即可將現存的所有文件更改為最發布的組件庫，減少了需要逐個修改的工作量。

• 雲端存儲，實時更新

重點來了， Pixso使用web端可以在線保存，斷電、藍屏文件也不怕文件損毀。同時還支持回溯曆史版本，再也不用擔心第一稿找不回了。對比sketch藍屏就容易文件損毀，Pixso能提供充足的安全感。

二、協作能力

1、團隊協作

產品設計屬於項目研發過程中承上啟下的崗位，會頻繁涉及和團隊其他成員溝通確認的情況。Pixso可以支持多人實時協作，大家可以在同一個平台上完成溝通交流，適應遠程辦公場景，也靈活性更強。

2、鏈接式交付，自帶切圖功能，精準且效率高

Pixso 可生成快速生成帶標注的鏈接交付，將生成的鏈接發送給其他成員，對方打開就能獲取內容。同時Pixso也支持自動標注與在線切圖功能，研發交付環節省事省心。而Sktech不支持標注功能，且交付、評審等都需要在其他平台進行和溝通，跨平台傳輸容易發生文件丟失或版本更新不及時等現象。

3、修改實時同步，解決大文件傳輸問題

Pixso支持作品修改實時同步，無需手動存儲。發送文件給其他小夥伴展現的都是最新修改的版本，有效消滅大文件傳輸的煩惱。Sketch每次修改同步他人都要重新傳輸文件，操作繁瑣也非常占用電腦內存。

三、工具穩定性

工具穩定性強。而Sketch在版本迭代時容易出現性能不穩定、打開文件響應時間長、多開文件容易卡頓、版本更新不兼容等問題。Pixso web端亦可打開，文件打開速度快；同時服務器在國內，運行更穩定，安全有保障。

四、遷移成本

Pixso可支持Sketch、SVG等文件格式的導入和導出。並且無需下載，打開網頁就能使用，遷移成本相對較低。在費用上，Sketch對每個賬號隻能給到30天的免費試用期，過了30天之後，就要開始收費了。但是Pixso個人用戶可以終身免費使用，使用成本低。

在學習成本上，這類在線協作軟件都對新手比較友好，大概一小時教學視頻就可以上手操作。快捷鍵也與Sketch相通，還是中文軟件，大約一周時間即可投產。

目前國內的很多互聯網設計團隊仍然使用Sketch作為主力設計工具，非常限製團隊的生產力和生產效率。在線協作工具所具有的的雲端協作與一體化功能是對產品設計師工作流程的一次全新整合，是產研團隊提升效率的重要因素。如果你最近也備受Sketch局限性的困擾，需要尋找更適合協同辦公的在線設計工具，Pixso非常推薦一試。