編者按：近日，大疆被美國軟件公司 Figma 封禁，未來還有數(shù)百家公司可能被封禁。Figma 作為一款在線設(shè)計(jì)協(xié)作工具，早已深受中國設(shè)計(jì)師的喜愛，成為不少公司“云端基礎(chǔ)設(shè)施”的一部分。如今已經(jīng)不能再用了，迫切需要一個(gè)“國產(chǎn)替代”平臺，于是 Pixso 出現(xiàn)了。這兩者到底有什么區(qū)別？好用嗎？我們一起來看看吧。

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

這意味著 DJI 將無法再使用 Figma 軟件，并且云端的文件無法立即下載和備份。

DJI 是第一家被 Figma 封禁的中國公司，但絕對不會是最后一家。

種種跡象表明，F(xiàn)igma這次的動作很明確，針對的就是美國制裁名單上的600家企業(yè)。這對于數(shù)百家中國龍頭企業(yè)和數(shù)千萬設(shè)計(jì)師來說，無疑是一種尷尬而被動的局面。

我們先來聊聊 Figma 的懸浮為何會有這么大的影響。

Figma 是一款在線設(shè)計(jì)協(xié)作工具，可將項(xiàng)目始終保存在云端，允許多個(gè)用戶實(shí)時(shí)評論或修改設(shè)計(jì)。2021 年 E 輪融資后，其估值達(dá)到 100 億美元。由于協(xié)同性強(qiáng)，F(xiàn)igma 早已受到中國設(shè)計(jì)師的青睞，成為許多公司“云端基礎(chǔ)設(shè)施”的一部分。

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

如果是正常的商業(yè)競爭，那還好，誰的市場領(lǐng)先，誰就更有機(jī)會獲勝，但一旦牽涉到更高維度的國家博弈，事情就復(fù)雜了。

Figma 斷供消息一出，先是引發(fā)了設(shè)計(jì)師群體的集體焦慮，隨后迅速傳遍網(wǎng)絡(luò)，引起社會轟動。

短期來看，最基本的是盡快找到替代工具，將 Figma 中原有存儲的文件遷移過來，因?yàn)檫@些都是寶貴的設(shè)計(jì)資產(chǎn)。長期來看，是否會出現(xiàn)更大規(guī)模的斷供還是未知數(shù)，因此更高效的“國產(chǎn)替代”平臺即將出現(xiàn)。

就在這個(gè)時(shí)候，一絲光芒閃現(xiàn)，隨后以閃電般的速度迅速活躍在整個(gè)設(shè)計(jì)師圈子里。

在停服事件發(fā)生后，F(xiàn)igma文件導(dǎo)入功能以最快速度上線，為因停服事件而被迫遷移設(shè)計(jì)文件的企業(yè)和個(gè)人用戶提供了極大的便利。

不過網(wǎng)上的工具也很多，談?wù)撘幌逻@個(gè)產(chǎn)品背后的團(tuán)隊(duì)，也會方便我們進(jìn)行產(chǎn)品參考。

作為一家深圳本土企業(yè)，Pixso 由A股創(chuàng)意軟件領(lǐng)軍企業(yè)萬興科技投資孵化，并于近日宣布完成近億元Pre-A輪融資。

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

更重要的是，作為新一代在線設(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ā)的日常工作串聯(lián)起來。

產(chǎn)品的創(chuàng)新之處在于，只要有屏幕、有網(wǎng)絡(luò)，就能即開即用、即存，不受操作系統(tǒng)、使用場景、辦公地點(diǎn)的限制，可供多人在線實(shí)時(shí)使用。

作為一家大型公司的 UI 設(shè)計(jì)師，我已經(jīng)使用它三年多了，并給它五星評價(jià)。然而 2020 年之后，由于疫情，所有工作者都必須適應(yīng)隔離在家辦公的現(xiàn)狀。之前出色的體驗(yàn)已經(jīng)無法支撐流暢的遠(yuǎn)程工作sketch打不開高版本，這也促使我們考慮尋找新的生產(chǎn)工具。

一款好的UI設(shè)計(jì)工具可以從設(shè)計(jì)體驗(yàn)、協(xié)作能力、使用穩(wěn)定性、遷移成本等維度進(jìn)行評分，下面我就從這些重要的維度談?wù)勎业氖褂酶惺堋?/p>

1.設(shè)計(jì)體驗(yàn)=效率+易用性

在工作流程方面，Pixso 和 之間最大的區(qū)別在于團(tuán)隊(duì)協(xié)作。

以前如果想實(shí)現(xiàn)多人聯(lián)機(jī)、切圖、版本管理等功能，除了每天和產(chǎn)品經(jīng)理、研發(fā)反復(fù)溝通外，幾乎都只能依賴插件，但插件使用步驟相對比較復(fù)雜，導(dǎo)出也容易出錯(cuò)。

相比之下，Pixso 可以在同一個(gè)平臺上完成產(chǎn)品設(shè)計(jì)工作，可以繪制原型、設(shè)計(jì)界面，還可以自動標(biāo)注、剪貼、使用鏈接完成交付，團(tuán)隊(duì)其他小伙伴也可以在同一個(gè)軟件中分享項(xiàng)目進(jìn)度，避免版本變更更新不及時(shí)，也更符合目前國內(nèi)產(chǎn)品快速迭代的開發(fā)模式（一周一個(gè)版本不再是夢想）。

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

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

對于中文的支持不太友好，雖然現(xiàn)在有官方的中文版本，但是安裝新的中文字體后，字體包的字體選擇界面顯示的名字會出現(xiàn)亂碼。

由于Pixso是一款內(nèi)置豐富中文字體的國產(chǎn)軟件，所以使用時(shí)無需費(fèi)時(shí)同步本地字體或者重新安裝，也可以免去安裝后解決亂碼的麻煩。

2. 默認(rèn)形狀沒有邊框

新建圖形時(shí)，默認(rèn)填充顏色為灰色，且?guī)в羞吙?。按照目前的設(shè)計(jì)潮流，界面上大部分圖形（彈窗、按鈕等）都是沒有邊框的，因此創(chuàng)建完圖形后，需要修改邊框，這是一個(gè)比較繁瑣的過程。

Pixso 創(chuàng)建圖形時(shí)默認(rèn)是無邊框的sketch打不開高版本，無需修改邊框，這是基于設(shè)計(jì)趨勢的小優(yōu)化。

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

修改實(shí)例相對麻煩，需要返回原組件才能修改，如果要單獨(dú)修改某個(gè)組件，必須先分離出組件庫再進(jìn)行修改，無法直接選擇圖層完成修改。

但在 Pixso 中，與 Figma 一樣，允許設(shè)計(jì)師直接選擇圖層并進(jìn)行批量修改，而不需要調(diào)出原始組件或者將其分離，節(jié)省了調(diào)出組件的時(shí)間。

4. 元件搜索準(zhǔn)確、清晰

元件搜索也是一個(gè)繁瑣的操作，在應(yīng)用元件時(shí)，如果選擇列表搜索元件，元件名稱過長，無法清晰區(qū)分；如果選擇使用右鍵按類別搜索，雖然可以顯示縮略圖，但縮略圖不夠清晰，區(qū)分起來也費(fèi)時(shí)。

在Pixso中，設(shè)計(jì)人員可以點(diǎn)擊元件列表欄來查看元件的縮略圖，更大的顯示區(qū)域讓檢索更加便捷，有效減少選錯(cuò)元件的重復(fù)操作。

5. 對組件命名進(jìn)行細(xì)微修改，以提高搜索速度

組件的命名邏輯為類別/模塊/組織/分子/原子，命名從大到小。由于組件名稱很長，如果選擇使用右鍵按類別搜索，不利于搜索。

Pixso 的組件命名除了[/]之外，還可以使用Page和Frame/Group，而這些部分的名稱都不會出現(xiàn)在組件名中，這意味著通過組件名進(jìn)行搜索更加方便。

6. 功能多樣化的原子組件體系有效解決重復(fù)勞動

Pixso 和 都允許您創(chuàng)建組件庫，但用戶體驗(yàn)略有不同。

由于 中的組件樣式不是原子的，設(shè)計(jì)師在構(gòu)建組件庫時(shí)，需要將所有可能出現(xiàn)的組件全部列出，這樣容易導(dǎo)致組件臃腫復(fù)雜，查找困難。而且，修改定義的文本或圖層組件樣式，需要重新創(chuàng)建組件，或者將子組件從父組件中分離出來再進(jìn)行修改，非常不方便（構(gòu)建組件庫需要詳盡列出所有樣式）。

Pixso 遵循 Figma 為設(shè)計(jì)師提供的組件系統(tǒng)，以及一項(xiàng)名為“變體”的功能，可以更輕松地切換組件樣式。

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

例如Pixso的組件是分層次存在的，父組件、子組件，方便設(shè)計(jì)師復(fù)用或者修改。父組件修改后子組件也會自動改變，方便我們一鍵更改組件設(shè)計(jì)風(fēng)格，保證設(shè)計(jì)風(fēng)格的統(tǒng)一性和規(guī)范性的同時(shí)減少了不必要的操作。

如果要修改某個(gè)子組件的樣式，也可以直接通過右側(cè)的屬性面板進(jìn)行修改，無需再去連接關(guān)系、調(diào)出原件進(jìn)行調(diào)整，方便、高效、快捷、簡單。

變體功能是指當(dāng)組件有多種類型、大小、狀態(tài)，設(shè)計(jì)人員需要在同一文檔中復(fù)用該組件的不同樣式時(shí)，可以利用變體功能創(chuàng)建一個(gè)組件集合，然后設(shè)計(jì)人員可以通過右側(cè)的編輯菜單按類別快速選擇和切換，實(shí)現(xiàn)快速復(fù)用。

這樣做的好處是，如果設(shè)計(jì)師需要大量使用同一組件的不同狀態(tài)，則可以利用屬性面板隨時(shí)切換，而不必像以前一樣建立大量的組件列表，更加方便快捷。

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

1）組件可以添加描述

在Pixso中，組件可以支持添加使用說明，可以包括注釋或URL鏈接。

這個(gè)功能在積累設(shè)計(jì)資產(chǎn)的時(shí)候尤為重要，大家都可以通過查看說明來了解該元器件的使用注意事項(xiàng)等信息，可以有效減少重復(fù)溝通。

2）界面操作過于簡單

說到組件屬性編輯，組件編輯界面也相對復(fù)雜，屬性設(shè)置界面中的選項(xiàng)過多，排列緊密，新手的學(xué)習(xí)成本較高。

Pixso將修改的屬性按照組件組合、顏色樣式、文本樣式、不透明度、切換組件等進(jìn)行分類，并進(jìn)行單獨(dú)控制，界面更加清晰簡潔。

3）支持組件庫一鍵迭代

當(dāng)軟件改版或者品牌VI升級時(shí)，不可避免的元件庫也需要更新，更新元件庫或者修改設(shè)計(jì)規(guī)范都需要逐個(gè)打開本地文件進(jìn)行修改。

但Pixso的文檔都是存儲在云端的，并且支持一鍵迭代組件庫，一旦組件庫更新，就可以將所有已有文件改為最新發(fā)布的組件庫，減少了逐個(gè)修改的工作量。

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

重點(diǎn)來了，Pixso 可以使用網(wǎng)頁版在線保存文件，不用擔(dān)心斷電、藍(lán)屏導(dǎo)致文件損壞，還支持回溯歷史版本，不用擔(dān)心丟失初稿。

相對于容易出現(xiàn)文件損壞的藍(lán)屏來說，Pixso能夠提供足夠的安全感。

2. 協(xié)作能力1. 團(tuán)隊(duì)合作

產(chǎn)品設(shè)計(jì)是項(xiàng)目開發(fā)流程中的一個(gè)承接崗位，會經(jīng)常涉及到和團(tuán)隊(duì)其他成員的溝通確認(rèn)。

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

2.聯(lián)動投放，內(nèi)置圖片裁剪功能，精準(zhǔn)高效

Pixso 可以快速生成帶注釋的鏈接進(jìn)行投放，并將生成的鏈接發(fā)送給其他成員，其他成員打開即可獲取內(nèi)容。Pixso 還支持自動注釋和在線圖片裁剪功能，讓研發(fā)投放過程輕松無憂。

不支持批注功能，投遞、審核等需要在其他平臺進(jìn)行溝通，跨平臺傳輸容易出現(xiàn)文件丟失或者版本更新不及時(shí)的情況。

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

Pixso支持實(shí)時(shí)同步工作修改，無需手動存儲，當(dāng)你發(fā)送文件給其他朋友時(shí)，你會看到最新的修改版本，有效省去大文件傳輸?shù)穆闊?/p>

每次修改和與別人同步時(shí)都要重新傳輸文件，比較麻煩，而且占用很大的電腦內(nèi)存。

3. 工具穩(wěn)定性

該工具非常穩(wěn)定，但是在版本迭代過程中，容易出現(xiàn)性能不穩(wěn)定、打開文件響應(yīng)時(shí)間長、打開多個(gè)文件時(shí)卡頓、版本更新不兼容等問題。

在Pixso網(wǎng)頁版上也可以打開，文件打開很快；同時(shí)服務(wù)器位于中國，運(yùn)行更加穩(wěn)定、安全。

4. 遷移成本

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

費(fèi)用方面，每個(gè)賬號只能獲得30天的免費(fèi)試用期，之后就要收費(fèi)了。不過Pixso個(gè)人用戶可以終身免費(fèi)使用，使用成本較低。

從學(xué)習(xí)成本上來說，這類在線協(xié)作軟件對新手還是比較友好的，看完一個(gè)小時(shí)的教程視頻就可以上手，快捷鍵也都一樣，而且是中文軟件，大概一個(gè)星期就可以投入生產(chǎn)。

五、結(jié)論

陣痛過后必有蛻變，在不久的將來，我相信本土軟件也將會有很大的發(fā)展機(jī)會。

當(dāng)本土價(jià)值實(shí)現(xiàn)之后，創(chuàng)意設(shè)計(jì)軟件平臺必將面向國際市場，公平競爭。

如有侵權(quán)請聯(lián)系刪除！