編輯導(dǎo)語：最近，大疆遭美國軟件公司Figma封禁，而且，后續(xù)可能還有幾百家公司也會(huì)被封停。作為一款在線設(shè)計(jì)協(xié)作工具，F(xiàn)igma在中國設(shè)計(jì)師群體中風(fēng)靡已久，成為眾多企業(yè)的“云基礎(chǔ)設(shè)施”的一部分。如今不能再使用，急需“國產(chǎn)替代”平臺(tái)出現(xiàn)，于是Pixso便出現(xiàn)了。兩者有什么區(qū)別呢？使用感受好不好？一起來看一下吧。

3月12日，大疆遭美國軟件公司Figma封停。

這意味著，大疆將無法繼續(xù)使用Figma軟件，在云端的文件也無法立即下載備份。

大疆是第一家遭Figma封禁的中國企業(yè)，但絕不會(huì)是最后一家。

種種跡象表明，F(xiàn)igma的本次行為軌跡明確，矛頭指向了美國制裁清單上600家公司。這對(duì)于中國數(shù)百家頭部企業(yè)，以及成百上千萬的設(shè)計(jì)師來說，無疑陷入尷尬的被動(dòng)境遇。

先來聊聊，F(xiàn)igma封停為何影響如此之大。

Figma是一款在線設(shè)計(jì)協(xié)作工具，它會(huì)將項(xiàng)目時(shí)刻保存在云端，由此可以保證多方用戶能對(duì)設(shè)計(jì)進(jìn)行實(shí)時(shí)評(píng)論或修改。2021年E輪融資后，其估值達(dá)100億美金。由于其極強(qiáng)的協(xié)同性，F(xiàn)igma在中國設(shè)計(jì)師群體中風(fēng)靡已久，成為眾多企業(yè)的“云基礎(chǔ)設(shè)施”的一部分。

數(shù)據(jù)顯示，2019年，全球37%的設(shè)計(jì)師使用Figma進(jìn)行UI設(shè)計(jì)，而在2020年，這一比例飆升到66%。

如果是正常的商業(yè)競爭，那也還好，誰更具有市場先進(jìn)性誰更有機(jī)會(huì)勝出，但一旦介入了更高維的國家博弈，事情就復(fù)雜了起來。

Figma斷供事件消息一出，先引發(fā)了設(shè)計(jì)師群體的集體焦慮，而后迅速出圈在社會(huì)上也激發(fā)了波瀾。

短期來看，最基礎(chǔ)的盡快找到替代工具，將原來存放在 Figma 的文件遷移出來，要知道這些都是寶貴的設(shè)計(jì)資產(chǎn)。放眼長期，是不是還有更大范圍的斷供未知，所以更高效能的“國產(chǎn)替代”平臺(tái)，呼之欲出。

也正是這時(shí)，有一盞微光亮起，然后以迅雷不及掩耳之勢，快速在整個(gè)設(shè)計(jì)師圈活躍起來。

在封停事件發(fā)生后，以最快速度上線了Figma文件導(dǎo)入功能，為此次遭封禁事件而被迫需要遷移設(shè)計(jì)文件的企業(yè)和個(gè)人用戶，提供了極大的便利。

不過在線工具眾多，聊聊這個(gè)產(chǎn)品背后的團(tuán)隊(duì)也便于咱們產(chǎn)品參考。

作為深圳本土企業(yè)，Pixso由創(chuàng)意軟件A股龍頭萬興科技投資孵化，近期宣布完成近億元Pre-A輪融資。

目前，在Figma 文件導(dǎo)入方面，Pixso 已達(dá)到商業(yè)可用的級(jí)別，支持包含 10萬+ 圖層的超大文件導(dǎo)入，大文件導(dǎo)入不卡頓，高度還原 Figma 文件中的內(nèi)容，表現(xiàn)為 1:1 還原組件變體、原型交互等設(shè)計(jì)元素和細(xì)節(jié)，在保證穩(wěn)定性能和流暢操作體驗(yàn)的同時(shí)，讓文件在兩個(gè)軟件間的遷移實(shí)現(xiàn)無縫對(duì)接。

更為重要的是，作為新一代在線設(shè)計(jì)協(xié)作產(chǎn)品，Pixso和Figma一樣，已打通了從原型設(shè)計(jì)、交互設(shè)計(jì)、UI設(shè)計(jì)到設(shè)計(jì)管理、版本管理、資產(chǎn)管理的全流程鏈路，并基于云端協(xié)作編輯將產(chǎn)品經(jīng)理、設(shè)計(jì)師、研發(fā)的日常工作連接起來。

產(chǎn)品革新性在于，只要有屏和聯(lián)網(wǎng)，就可以即開即用即存儲(chǔ)，而且可以不受操作系統(tǒng)、使用場景或辦公場所限制，多人進(jìn)行實(shí)時(shí)在線協(xié)作。

作為一名大廠UI設(shè)計(jì)師，使用Sketch已經(jīng)有三年以上，對(duì)這個(gè)出圖神速的設(shè)計(jì)工具高舉五星好評(píng)。但2020年后，因?yàn)橐咔榈脑?，所有打工人都必須適應(yīng)隔離在家辦公的現(xiàn)狀。以往使用體驗(yàn)優(yōu)秀的Sketch由于不能支持暢快地開展遠(yuǎn)程辦公，也促使我們考慮尋找新的生產(chǎn)工具。

一個(gè)好用的UI設(shè)計(jì)工具是可以從設(shè)計(jì)體驗(yàn)、協(xié)作能力、和使用穩(wěn)定性、遷移成本等維度進(jìn)行評(píng)分的，我會(huì)從這幾個(gè)重要維度來說說使用感受。

一、設(shè)計(jì)體驗(yàn)=效率+易用

從工作流程上來講，Pixso和Sketch對(duì)比最大的區(qū)別是在于團(tuán)隊(duì)協(xié)作方面中。

以往使用Sketch，如果除了跟產(chǎn)品經(jīng)理還有研發(fā)需要日常重復(fù)溝通以外，想實(shí)現(xiàn)多人在線，或者切圖，又或者版本管理，都只能靠依賴插件進(jìn)行。但插件使用步驟也相對(duì)更復(fù)雜，導(dǎo)出也容易出錯(cuò) 。

而對(duì)比Sketch，Pixso可以實(shí)現(xiàn)產(chǎn)品設(shè)計(jì)工作在同一平臺(tái)完成。它既可以畫原型、設(shè)計(jì)界面，也可以自動(dòng)標(biāo)注、切圖和使用鏈接完成交付，團(tuán)隊(duì)的其他伙伴可也以在同一個(gè)軟件共享項(xiàng)目進(jìn)度，避免出現(xiàn)版本修改更新不及時(shí)的現(xiàn)象，也更符合目前國內(nèi)的產(chǎn)品快速迭代的發(fā)展模式（一周一個(gè)版不再是夢想）。

除了在線協(xié)作帶來的便利，在某些細(xì)節(jié)上，Pixso類設(shè)計(jì)工具的功能適應(yīng)國內(nèi)設(shè)計(jì)師的使用需求。

1. 原生中文軟件，學(xué)習(xí)成本低

Sketch對(duì)中文的支持并不太友好，即時(shí)現(xiàn)在有了官方中文版SKetch，但日常在安裝新中文字體后，字體包在字體選擇界面顯示的名稱會(huì)存在顯示亂碼的現(xiàn)象。

而Pixso因?yàn)槭菄a(chǎn)軟件，內(nèi)嵌豐富的中文字體，使用時(shí)既不需要再花時(shí)間去同步本地字體或者重新安裝，也避免了安裝后要解決亂碼的麻煩。

2. 默認(rèn)圖形無邊框

Sketch在創(chuàng)建新圖形時(shí)，默認(rèn)填充圖形灰色且自帶邊框。照現(xiàn)在的設(shè)計(jì)趨勢，界面上大多圖形（彈窗、按鈕等）都不帶邊框的，所以使用Sketch創(chuàng)建圖形后還需要修改邊框，過程就比較繁瑣。

而Pixso在創(chuàng)建圖形是默認(rèn)是無邊框的，沒有修改邊框這個(gè)步驟，算是針對(duì)設(shè)計(jì)趨勢的一個(gè)小優(yōu)化。

3. 實(shí)例修改更便捷

Sketch的實(shí)例修改相對(duì)比較麻煩，需要返回到原組件進(jìn)行修改。如果是組件單獨(dú)修改，還需先分離組件庫再改動(dòng)，無法直接選中圖層完成修改。

但是在Pixso，它像Figma一樣允許設(shè)計(jì)師直接選中圖層后批量修改，不用找回原組件或者分離，節(jié)省了組件檢索的時(shí)間。

4. 組件查找精準(zhǔn)清晰

組件檢索在Sketch也是一個(gè)比較繁瑣的操作。在套用組件時(shí)，Sketch若選擇列表查找組件，組件名稱太長不易分辨清晰。如果選擇使用右鍵按分類查找套用，雖然可以顯示縮略圖，但是縮略圖也不夠清晰需要花時(shí)間去辨別。

而在Pixso，設(shè)計(jì)師可以點(diǎn)擊組件列表分欄即可查看組件的縮略圖，顯示面積更大，更方便檢索，也有效減少選錯(cuò)組件的重復(fù)操作。

5. 組件命名小改動(dòng)，提升檢索速度

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

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

6. 原子級(jí)組件系統(tǒng)搭載變體功能，有效解決重復(fù)勞動(dòng)

Pixso與Sketch都可以創(chuàng)立組件庫，但用戶體驗(yàn)略有不同。

Sketch中的組件樣式由于不是原子級(jí)的，當(dāng)設(shè)計(jì)師想要構(gòu)建組件庫時(shí)，需要列出組件所有的可能性，容易導(dǎo)致的組件數(shù)量臃腫冗雜，查找費(fèi)勁。而且在Sketch，修改被定義的文本或圖層組件樣式需要重新創(chuàng)建組件，或者將子組件與父組件進(jìn)行分離再進(jìn)行修改，非常不便（sketch建立一個(gè)組件庫需要窮舉所有樣式）。

而Pixso因?yàn)檠匾u了Figma的使用為設(shè)計(jì)師提供的組件系統(tǒng)，以及組件樣式切換更方便的功能——“變體”。

在Pixso，組件系統(tǒng)的顆粒度被區(qū)分地更細(xì)。

舉個(gè)例子，Pixso的組件存在級(jí)別，父組件與子組件，方便設(shè)計(jì)師復(fù)用或者修改。父組件修改后，子組件自動(dòng)變化，方便我們一鍵更改組件設(shè)計(jì)樣式，保證設(shè)計(jì)風(fēng)格統(tǒng)一性和規(guī)范性的同時(shí)又減少了多余的操作。

而如果想要修改子組件的樣式，也可以通過右側(cè)的component屬性面板直接修改，不需要像Sketch 那樣接相互關(guān)系尋回原件去調(diào)整，方便高效快捷簡單。

變體功能是指當(dāng)一個(gè)組件存在多種類型、尺寸、狀態(tài)，而設(shè)計(jì)師又在同一文檔需要重復(fù)使用是該組件的不同樣式，可通過變體功能來建立組件集合，然后通過右側(cè)編輯菜單按類別地快速選擇及切換來實(shí)現(xiàn)快速復(fù)用。

這樣的優(yōu)點(diǎn)是設(shè)計(jì)師如果需要大量使用同一組件的不同狀態(tài)，可以利用屬性面板隨時(shí)切換，不需要像Sketch一樣創(chuàng)建大量的組件列表，更加方便快捷。

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

1）組件可添加說明

在Pixso中，組件可支持添加使用說明，使用說明中可備注文字或添加網(wǎng)址鏈接。

這項(xiàng)功能在進(jìn)行設(shè)計(jì)資產(chǎn)沉淀時(shí)顯得尤為重要，大家查看備注即可知道該組件使用注意事項(xiàng)等信息，可有效減少了重復(fù)溝通。

2）界面操作小白化

在組件屬性編輯上，Sketch組件編輯界面也較為復(fù)雜，屬性設(shè)置界面選項(xiàng)太多且排布緊密，新手學(xué)習(xí)成本高。

而Pixso將修改屬性按組件組合方式、顏色樣式、文本樣式、不透明度、切換組件等歸類，相互之間單獨(dú)控制，界面更加清晰簡潔。

3）支持組件庫一鍵迭代

碰上軟件改版或者品牌VI升級(jí)，就不可避免組件庫也會(huì)需要更新的情況。Sketch更新組件庫或者修改設(shè)計(jì)規(guī)范，是需要一個(gè)一個(gè)打開本地文件修改的。

但是，Pixso文檔是云端存儲(chǔ)，支持組件庫一鍵迭代，組件庫更新完畢即可將現(xiàn)存的所有文件更改為最發(fā)布的組件庫，減少了需要逐個(gè)修改的工作量。

4）云端存儲(chǔ)，實(shí)時(shí)更新

重點(diǎn)來了， Pixso使用web端可以在線保存，斷電、藍(lán)屏文件也不怕文件損毀。同時(shí)還支持回溯歷史版本，再也不用擔(dān)心第一稿找不回了。

對(duì)比sketch藍(lán)屏就容易文件損毀，Pixso能提供充足的安全感。

二、協(xié)作能力

1. 團(tuán)隊(duì)協(xié)作

產(chǎn)品設(shè)計(jì)屬于項(xiàng)目研發(fā)過程中承上啟下的崗位，會(huì)頻繁涉及和團(tuán)隊(duì)其他成員溝通確認(rèn)的情況。

Pixso可以支持多人實(shí)時(shí)協(xié)作，大家可以在同一個(gè)平臺(tái)上完成溝通交流，適應(yīng)遠(yuǎn)程辦公場景，也靈活性更強(qiáng)。

2. 鏈接式交付，自帶切圖功能，精準(zhǔn)且效率高

Pixso 可生成快速生成帶標(biāo)注的鏈接交付，將生成的鏈接發(fā)送給其他成員，對(duì)方打開就能獲取內(nèi)容。同時(shí)Pixso也支持自動(dòng)標(biāo)注與在線切圖功能，研發(fā)交付環(huán)節(jié)省事省心。

而Sktech不支持標(biāo)注功能，且交付、評(píng)審等都需要在其他平臺(tái)進(jìn)行和溝通，跨平臺(tái)傳輸容易發(fā)生文件丟失或版本更新不及時(shí)等現(xiàn)象。

3. 修改實(shí)時(shí)同步，解決大文件傳輸問題

Pixso支持作品修改實(shí)時(shí)同步，無需手動(dòng)存儲(chǔ)。發(fā)送文件給其他小伙伴展現(xiàn)的都是最新修改的版本，有效消滅大文件傳輸?shù)臒馈?/p>

Sketch每次修改同步他人都要重新傳輸文件，操作繁瑣也非常占用電腦內(nèi)存。

三、工具穩(wěn)定性

工具穩(wěn)定性強(qiáng)。而Sketch在版本迭代時(shí)容易出現(xiàn)性能不穩(wěn)定、打開文件響應(yīng)時(shí)間長、多開文件容易卡頓、版本更新不兼容等問題。

Pixso web端亦可打開，文件打開速度快；同時(shí)服務(wù)器在國內(nèi)，運(yùn)行更穩(wěn)定，安全有保障。

四、遷移成本

Pixso可支持Sketch、SVG等文件格式的導(dǎo)入和導(dǎo)出。并且無需下載，打開網(wǎng)頁就能使用，遷移成本相對(duì)較低。

在費(fèi)用上，Sketch對(duì)每個(gè)賬號(hào)只能給到30天的免費(fèi)試用期，過了30天之后，就要開始收費(fèi)了。但是Pixso個(gè)人用戶可以終身免費(fèi)使用，使用成本低。

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

五、結(jié)語

陣痛之后，必將迎來蛻變。不遠(yuǎn)的未來，相信本土軟件也能迎來重大發(fā)展機(jī)遇。

當(dāng)本土價(jià)值實(shí)現(xiàn)后，創(chuàng)意設(shè)計(jì)軟件平臺(tái)們，也定然會(huì)面向國際市場，公平競爭一較高下。

本文由 @熱湯財(cái)經(jīng) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于 CC0 協(xié)議