Figma和Pixso都是新一代可以直接在瀏覽器中使用的，功能上兼?zhèn)銼ketch并可以進(jìn)行實(shí)時(shí)協(xié)作的設(shè)計(jì)工具。
Figma和Pixso是基于云端的設(shè)計(jì)工具，相比本地的Sketch增加了實(shí)時(shí)協(xié)作的功能，前兩者可以看成是在線版的Sketch，三款工具用一個(gè)公式可以簡(jiǎn)單粗暴地總結(jié)為：
Figma/Pixso = Sketch + 云端實(shí)時(shí)協(xié)作
Sketch是老牌的UI設(shè)計(jì)軟件，從2010推出至今已有10多年，但始終沒(méi)有Windows版本，一直是許多用著Windows系統(tǒng)的UI設(shè)計(jì)師心中抹不去的痛，曾經(jīng)一度有不少人為了用上蘋果電腦專屬的Sketch，買了人生的第一臺(tái)Mac。
時(shí)過(guò)境遷，2016年Figma誕生了，作為一款基于Web端的UI設(shè)計(jì)工具，產(chǎn)品形態(tài)決定了Figma跨平臺(tái)的特性，擺脫了過(guò)去Sketch對(duì)設(shè)備的依賴，使用不同系統(tǒng)的用戶，僅用一個(gè)鏈接中就能實(shí)現(xiàn)跨平臺(tái)和時(shí)空的設(shè)計(jì)協(xié)作。
Pixso，由國(guó)內(nèi)本土團(tuán)隊(duì)打造的對(duì)標(biāo)Figma的一站式協(xié)同設(shè)計(jì)工具，集UI設(shè)計(jì)、原型、交互、標(biāo)注和資源于一身，打通產(chǎn)品、設(shè)計(jì)和研發(fā)協(xié)作多款軟件間的壁壘，在一款軟件中就能完成產(chǎn)設(shè)研全流程，原生中文語(yǔ)言，更符合國(guó)人使用習(xí)慣和需求。
同樣是做UI設(shè)計(jì)的工具，在選擇其中一款作為主力設(shè)計(jì)工具時(shí)，不少人會(huì)對(duì)Figma、Pixso和Sketch這3款工具進(jìn)行對(duì)比。今天的這篇文章，我將從一個(gè)客觀的角度，簡(jiǎn)要分析這3款UI設(shè)計(jì)工具的區(qū)別。
軟件語(yǔ)言
軟件語(yǔ)言，是許多人第一次使用一款軟件避不開(kāi)的話題，Pixso是國(guó)內(nèi)團(tuán)隊(duì)推出的產(chǎn)品，原生中文語(yǔ)言，而Figma和Sketch是海外的軟件，F(xiàn)igma目前只有英文版，Sketch最初也只有英文版，從Sketch54版本開(kāi)始提供中文版，從此使用Sketch不需要先進(jìn)行漢化。
云端在線 VS 本地客戶端
Figma和Pixso兩者都是基于瀏覽器的UI設(shè)計(jì)工具，打開(kāi)瀏覽器就能使用，而Sketch是比較傳統(tǒng)的、基于本地客戶端的軟件，使用前需要在本地磁盤安裝軟件。
基于本地客戶端的軟件，更符合我們對(duì)軟件最初的認(rèn)知，受到先入為主的印象的影響，有些人會(huì)對(duì)Figma和Pixso這類云端工具的性能和流暢度表示擔(dān)憂，但實(shí)際使用下來(lái)，兩款軟件的表現(xiàn)并不遜色于本地的Sketch，導(dǎo)入包含10W+圖層的文件依舊可以流暢運(yùn)行。
在Figma和Pixso中創(chuàng)建的項(xiàng)目，源文件和歷史版本會(huì)保存在對(duì)應(yīng)軟件的服務(wù)器中，由于Figma的服務(wù)器位于海外，在打開(kāi)或切換頁(yè)面時(shí)，加載速度多數(shù)時(shí)候不如國(guó)內(nèi)的Pixso。
當(dāng)然，存放在Figma和Pixso服務(wù)器上的文件，同樣可以下載到本地，滿足本地備份的需求。
Figma目前只支持導(dǎo)出專有的fig格式，而Pixso除了導(dǎo)出專有的pix格式，還支持導(dǎo)出sketch和xd兩種格式。
多人實(shí)時(shí)協(xié)作
多人實(shí)時(shí)協(xié)作，可以說(shuō)是區(qū)分這3款軟件必須提及的方面，也是Figma和Pixso的亮點(diǎn)之一。
基于Figma和Pixso云端的特性，在這兩款軟件中創(chuàng)建的文件，可以邀請(qǐng)?jiān)O(shè)計(jì)師、產(chǎn)品經(jīng)理、工程師、合作方等相關(guān)人員加入?yún)f(xié)作，多人在線編輯同一份文件，省下原本需要開(kāi)多個(gè)會(huì)議的時(shí)間。
在創(chuàng)建協(xié)作鏈接時(shí)，可自定義加入?yún)f(xié)作的人員的權(quán)限——可查看、可編輯，你可以根據(jù)項(xiàng)目分工設(shè)置相應(yīng)的權(quán)限。
收到鏈接的協(xié)作者點(diǎn)開(kāi)鏈接就能直接查看文件內(nèi)容，同樣不需要提前安裝軟件，這對(duì)非設(shè)計(jì)師群體來(lái)說(shuō)非常友好，不需要為了查看源文件而特地安裝某個(gè)軟件，這也是Figma和Pixso這類云端工具帶來(lái)的另外一個(gè)優(yōu)勢(shì)。
Sketch最初不支持多人實(shí)時(shí)協(xié)作，在2020年底的Beta版才推出了類似Figma和Pixso的協(xié)作能力，這個(gè)功能沒(méi)有集成到本地的Sketch客戶端中。
開(kāi)始協(xié)作之前，需要把本地的Sketch文件上傳到Sketch Cloud中，在瀏覽器打開(kāi)分享鏈接，才能參與協(xié)作。
回溯歷史記錄
Figma、Pixso和Sketch三者都支持自動(dòng)保存歷史記錄，方便你回溯到早期的設(shè)計(jì)版本，不過(guò)這三者也存在著細(xì)微的差別：
Figma和Pixso自動(dòng)保存的歷史記錄會(huì)存放在服務(wù)器上，自動(dòng)保存的版本歷史會(huì)以時(shí)間線的方式進(jìn)行呈現(xiàn)，對(duì)于一些重要的設(shè)計(jì)節(jié)點(diǎn)，我們也可以手動(dòng)保存一個(gè)單獨(dú)的歷史版本。
Figma免費(fèi)版目前最多保存30天內(nèi)的歷史記錄，超出之后就需要訂閱會(huì)員，Pixso則沒(méi)有這種限制，支持保存過(guò)往編輯的所有記錄。
Sketch自動(dòng)保存的歷史記錄會(huì)緩存在本地的磁盤，就像PS的「歷史記錄」一樣，當(dāng)歷史記錄數(shù)量比較多，會(huì)占用電腦較多的資源，導(dǎo)致設(shè)備卡頓。
評(píng)論功能
用過(guò)Word的朋友，應(yīng)該對(duì)Word的批注功能并不陌生，它在審閱文檔的場(chǎng)景非常有用，可以在不修改文檔的基礎(chǔ)上，提出我們的反饋或修改意見(jiàn)，方便與相關(guān)的人員進(jìn)行溝通。
換到設(shè)計(jì)項(xiàng)目協(xié)作的場(chǎng)景，同樣會(huì)有高頻溝通的需求，F(xiàn)igma和Pixso內(nèi)置了類似于Word批注的評(píng)論功能。
以Pixso為例，點(diǎn)擊頂部工具欄的「添加評(píng)論」(快捷鍵為C)，在需要修改的位置添加評(píng)論并艾特相關(guān)的設(shè)計(jì)師，可以在不破壞設(shè)計(jì)原文件的情況下給出反饋，被艾特的人也可以及時(shí)回應(yīng)，大大提高了設(shè)計(jì)評(píng)審的效率。
而對(duì)于Sketch，軟件本身缺少了評(píng)論或批注的功能，如果要想實(shí)現(xiàn)同樣的目的，需要給Sketch額外安裝一個(gè)插件Sketch Focus。
矢量網(wǎng)格
矢量網(wǎng)格是Figma和Pixso獨(dú)有的功能，這個(gè)功能對(duì)Sketch中傳統(tǒng)的鋼筆工具進(jìn)行了優(yōu)化，表現(xiàn)在：一個(gè)點(diǎn)可以連出多根線，拖動(dòng)中間的連接點(diǎn)，其他的線條會(huì)自動(dòng)跟隨，并且所有的封閉網(wǎng)格都可以獨(dú)立控制是否填充顏色。
矢量網(wǎng)格可以說(shuō)是一個(gè)開(kāi)創(chuàng)性的功能，它讓鋼筆工具更符合我們的直覺(jué)，降低了鋼筆工具的使用門檻，與此同時(shí)，也提升了繪制矢量圖形的效率。
響應(yīng)式布局
如今用戶使用的設(shè)備呈現(xiàn)碎片化的趨勢(shì)，屏幕尺寸大小不一，UI設(shè)計(jì)師在進(jìn)行設(shè)計(jì)時(shí)，也需要考慮同個(gè)界面在不同屏幕下的效果，這3款軟件都提供了相應(yīng)的功能，來(lái)讓頁(yè)面布局隨著屏幕大小產(chǎn)生自適應(yīng)變化。
在Figma和Pixso中，借助內(nèi)置的「約束」功能，設(shè)置好頁(yè)面元素水平和垂直方向的約束選項(xiàng)，當(dāng)我們調(diào)整畫板尺寸時(shí)，頁(yè)面元素的大小會(huì)隨畫板寬度自適應(yīng)發(fā)生變化，實(shí)時(shí)預(yù)覽頁(yè)面在不同屏幕尺寸下的效果。
在Sketch中，通過(guò)設(shè)置「調(diào)整尺寸」中的參數(shù)，同樣也可以實(shí)現(xiàn)響應(yīng)式布局，但它不如Figma和Pixso那般靈活直觀——點(diǎn)擊「約束」縮略圖，就可以快速設(shè)置元素在不同方向上的約束。
文件導(dǎo)入
Figma和Pixso支持導(dǎo)入來(lái)自Sketch的文件，導(dǎo)入后可以還原文件導(dǎo)入前的狀態(tài)，所有的頁(yè)面、畫板、圖層和元素都是分離的狀態(tài)，且保留有元素或組件最初設(shè)置的陰影、模糊等樣式。
這意味你可以很方便地從Sketch遷移到Figma或Pixso，實(shí)現(xiàn)設(shè)計(jì)工具的切換，另一方面，原先使用Sketch制作的UI Kit、或者下載的Sketch資源，也可以很方便地在Figma和Pixso兩款軟件中復(fù)用。
軟件界面
Sketch推出的時(shí)間比較早，軟件本身的界面設(shè)計(jì)可以說(shuō)是給后來(lái)的諸多UI設(shè)計(jì)軟件打了樣。
Figma和Pixso沿用了Sketch的界面布局，讓初次接觸的用戶不會(huì)感到陌生，可以更快上手：
頂部是工具欄，左側(cè)是頁(yè)面→畫板→圖層面板，右側(cè)為屬性面板，中間最大的就是編輯區(qū)域。
桌面客戶端
Figma和Pixso雖然是基于云端的在線工具，但它們都提供了基于云端封裝而成的桌面客戶端，支持Windows和macOS系統(tǒng)。
在使用桌面客戶端時(shí)，同樣需要聯(lián)網(wǎng)，我們所做的每一步操作才會(huì)自動(dòng)保存到云端，但如果是短時(shí)間的斷網(wǎng)，兩者都支持離線編輯，在網(wǎng)絡(luò)恢復(fù)到正常狀態(tài)后，就會(huì)將當(dāng)前版本自動(dòng)同步到云端。
你應(yīng)該使用Pixso嗎？
——是的！使用Pixso，并不意味著你需要完全從0開(kāi)始，尤其是對(duì)用過(guò)Sketch的用戶而言，Pixso絕大部分操作邏輯與Sketch保持一致，從Sketch切換到Pixso，只需要重點(diǎn)了解Pixso新增的功能與用法，同樣可以快速上手。
Pixso 目前對(duì)所有個(gè)人用戶免費(fèi)開(kāi)放，內(nèi)置的所有功能都可以免費(fèi)使用！
以上，希望有幫助。
效率工具指南：致力成為國(guó)內(nèi)優(yōu)質(zhì)的工具測(cè)評(píng)媒體。
