前言

最近這段時間，到處都是關(guān)于國產(chǎn) UI 設(shè)計工具的討論，我們的老大也免不了讓我們?nèi)プ隽讼抡{(diào)研，看看我們的國產(chǎn)設(shè)計工具現(xiàn)在做得怎么樣了，哪個完成度比較高？有沒有比較適合我們團(tuán)隊的？

正好身邊也有很多朋友在做比較，所以也把我們的結(jié)論分享出來給大家，如果有和我們一樣需求的團(tuán)隊可以參考。

在經(jīng)過比較全面調(diào)研過后，我們給出的結(jié)論是：

「即時設(shè)計」應(yīng)該是很不錯的選擇，比較適合我們團(tuán)隊，雖然在一些細(xì)節(jié)上還值得更多的優(yōu)化，在社區(qū)發(fā)展上也需要再加把勁，但無論是設(shè)計功能、團(tuán)隊協(xié)作還是本土化服務(wù)，都已經(jīng)有了很不錯的成果，而且迭代快，團(tuán)隊活躍度高，產(chǎn)品表現(xiàn)出了很強(qiáng)的生命力。

即時設(shè)計官網(wǎng)： https://js.design

下面，就把我們的報告，按照下面幾個維度給大家簡單總結(jié)下：

對于設(shè)計師來說，創(chuàng)作體驗(yàn)是第一位的

1. 設(shè)計功能完善度

設(shè)計工具是重型生產(chǎn)力工具，設(shè)計師一旦選擇，每天就要花大量的時間使用，功能的完善性一定是考察的首要部分。

而「即時設(shè)計」的設(shè)計功能，基本已經(jīng)完全覆蓋了 Sketch，包括已經(jīng)成為必備而不再是加分項(xiàng)的變體、自動布局這些高級功能，也和 Figma 保持一致，可以滿足日常 UI 設(shè)計。

此外，原型交互模塊也已經(jīng)具備足夠高的可用性，雖然還不如 Principle 這種專一型工具強(qiáng)大，但已經(jīng)涵蓋了常用的交互事件，配合智能動畫和交互式組件，完全可以產(chǎn)出帶有交互動效的高保真視覺稿。

2. 性能仍有進(jìn)步空間

性能是另外一項(xiàng)需要著重考察的點(diǎn)，整體對比下來，國產(chǎn)工具和 Figma 相比都還有一定差距，但相比 Sketch，即時設(shè)計的大文件性能應(yīng)當(dāng)是可以滿足日常使用的了。

具體到文件，多頁面多畫板，大概幾萬圖層的一個項(xiàng)目，創(chuàng)作過程中基本只有在頻繁縮放畫布時會有短暫的加載卡頓，其余情況完全不會影響操作。

但是遇到特別復(fù)雜的文件時，還是能夠感知到掉幀和卡頓現(xiàn)象，有一定的可提升空間，不過因?yàn)槊刻於荚诘?，持續(xù)使用下來，性能也一直在肉眼可見地提升中，情況比較樂觀。

3. 資源社區(qū)有特色

「即時設(shè)計」的社區(qū)雖然開放時間不長，但發(fā)展得還算不錯。

大廠規(guī)范、組件庫、圖標(biāo)庫、插畫等等資源，都保持著較高頻率的更新，入駐的設(shè)計師也很多，相比 Figma，也有了更多更能滿足國內(nèi)設(shè)計師需求的中文資源，這是比較好的一點(diǎn)；但資源數(shù)量上確實(shí)還是差了 Figma 一大截，還需要繼續(xù)努力呀！

4. 插件

設(shè)計師對于插件的使用需求很高，不管是使用 Sketch 和 Figma，都有大量的效率插件供我們選擇，但這得益于開放插件生態(tài)后全球開發(fā)者的貢獻(xiàn)，而對于國產(chǎn)工具來說，還是任重而道遠(yuǎn)的。

相對來說，「即時設(shè)計」在這方面還不錯，陸續(xù)上線了 20 多個官方插件，而且近期新插件的上線速度也有明顯變快。

可以看到，現(xiàn)有的插件已經(jīng)滿足了很多高頻需求，并且已經(jīng)和字由、iconfont、iconpark 這樣的平臺合作，看的出來國內(nèi)的生態(tài)資源還是挺不錯的。

對于團(tuán)隊來說，協(xié)作效率是最重要的

1. 設(shè)計協(xié)作交付

這在整個產(chǎn)研工作中是很重要的環(huán)節(jié)，我們打造「風(fēng)火輪」平臺就是為了提升設(shè)計交付的效率。

而「即時設(shè)計」不僅和同類產(chǎn)品一樣可直接查看設(shè)計稿的參數(shù)標(biāo)注、代碼等內(nèi)容，還額外做了一個研發(fā)模式。

該模式能滿足單位換算、平臺切換、顏色統(tǒng)一定位、開發(fā)臨時切圖等特殊的需求，相當(dāng)于內(nèi)置了很多第三方交付平臺的功能，交付功能更加易用。

而且在線工具實(shí)時同步交付的特性無限放大了這一優(yōu)勢，不用像 Sketch 一樣通過插件上傳，對接起來會更高效。

體驗(yàn)多角色協(xié)作： https://js.design/scene

2. 設(shè)計資產(chǎn)管理

對于設(shè)計團(tuán)隊來說，最重要的設(shè)計資產(chǎn)就是團(tuán)隊的設(shè)計規(guī)范和授權(quán)字體。

「即時設(shè)計」支持「共享設(shè)計庫」，和以往使用的資源庫一致，團(tuán)隊通用的樣式、組件，可以發(fā)布到共享設(shè)計庫中，供所有團(tuán)隊成員在其他項(xiàng)目里復(fù)用、同步修改。

同時也開放了「團(tuán)隊共享字體」，允許我們上傳團(tuán)隊可用的字體并建立線上字體庫，方便成員使用。

3. 團(tuán)隊項(xiàng)目管理

值得強(qiáng)調(diào)的一點(diǎn)，如果你所在的團(tuán)隊恰好不是特別擅長文件管理，那么「即時設(shè)計」工作臺應(yīng)該會成為你們的好幫手：

進(jìn)入「正在跟進(jìn)」頁面，所有正在進(jìn)行的個人或團(tuán)隊文件一目了然；進(jìn)入團(tuán)隊，每一個文件可以清楚地看到當(dāng)前進(jìn)度；想找到某個文件，既能根據(jù)合理的目錄結(jié)構(gòu)翻找，也可以直接搜索……
而這些，都得益于「即時設(shè)計」獨(dú)特的文件管理體系。

對于國產(chǎn)工具來說，本土化服務(wù)是必須的

1. 用戶支持

對于一個普通用戶，使用 Figma 的時候，最困擾的一點(diǎn)就是有了問題，很難得到官方的幫助，只能手動檢索問題或者找自發(fā)的用戶群解決。

而「即時設(shè)計」作為國產(chǎn)工具，在用戶支持方面做的還是非常好的，官方社群活躍度高，用戶反饋流程簡單直接，包括創(chuàng)始人也會在每個群里和用戶溝通，了解需求，解決問題，有著很濃厚的「共創(chuàng)」氛圍。

2. 文檔和教程

在教程方面，除了官方的工具文檔，即時設(shè)計還為設(shè)計師整合了國內(nèi)設(shè)計師的圖文知識、視頻教程等內(nèi)容，一方面幫助設(shè)計師了解即時設(shè)計，提高工具使用的效率，一方面實(shí)現(xiàn)自身設(shè)計能力的提升。

即時教程： https://js.design/courses

3. 開放的遷移服務(wù)

設(shè)計師更換工具最大的顧慮就是遷移和學(xué)習(xí)成本，在這一部分即時設(shè)計也比較開放：

同時支持 Figma、Sketch 和 XD 文件導(dǎo)入，也可以將任意項(xiàng)目導(dǎo)出為 Sketch 文件，還可以將 Figma 文件一鍵轉(zhuǎn)換為 Sketch 文件。

另外，考慮到用戶使用工具的習(xí)慣，即時設(shè)計也有提供「Sketch 適配模式」，可直接匹配 Sketch 快捷鍵和滾輪操作習(xí)慣，方便上手。

4. 私有化部署

如果要考慮到數(shù)據(jù)安全和私密性的話，私有化部署也是相對比較重要的一個考察維度。

「即時設(shè)計」支持公有云數(shù)據(jù)隔離、私有云和本地部署三種方案，同時前后端分離，可以實(shí)現(xiàn)功能熱更新，可以滿足不同的企業(yè)需求。

總結(jié)

整體看下來，即時設(shè)計，或者說國內(nèi)工具，在性能和插件生態(tài)上都還有一定的成長空間。

但相對來說，從功能、性能、社區(qū)生態(tài)、團(tuán)隊協(xié)作、本土化服務(wù)這幾個維度來看，即時設(shè)計不僅完成度夠高，還有很多符合國內(nèi)設(shè)計團(tuán)隊的創(chuàng)新，產(chǎn)品、開發(fā)、運(yùn)營各個方面也都十分積極，應(yīng)該會是一個很好的選擇。

即時設(shè)計官網(wǎng)：https://js.design

更多即時設(shè)計評測：

歡迎關(guān)注「58UXD」的微信公眾號：