最全面評測！這款完成度超高的神器如何征服一個設計團隊?

前言

最近這段時間，到處都是關于國產 UI 設計工具的討論，我們的老大也免不了讓我們去做了下調研，看看我們的國產設計工具現在做得怎么樣了，哪個完成度比較高？有沒有比較適合我們團隊的？

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

在經過比較全面調研過后，我們給出的結論是：

「即時設計」應該是很不錯的選擇，比較適合我們團隊，雖然在一些細節上還值得更多的優化，在社區發展上也需要再加把勁，但無論是設計功能、團隊協作還是本土化服務，都已經有了很不錯的成果，而且迭代快，團隊活躍度高，產品表現出了很強的生命力。

即時設計官網： https://js.design

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

對于設計師來說，創作體驗是第一位的

1. 設計功能完善度

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

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

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

2. 性能仍有進步空間

性能是另外一項需要著重考察的點，整體對比下來，國產工具和 Figma 相比都還有一定差距，但相比 Sketch，即時設計的大文件性能應當是可以滿足日常使用的了。

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

但是遇到特別復雜的文件時，還是能夠感知到掉幀和卡頓現象，有一定的可提升空間，不過因為每天都在迭代，持續使用下來，性能也一直在肉眼可見地提升中，情況比較樂觀。

3. 資源社區有特色

「即時設計」的社區雖然開放時間不長，但發展得還算不錯。

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

4. 插件

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

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

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

對于團隊來說，協作效率是最重要的

1. 設計協作交付

這在整個產研工作中是很重要的環節，我們打造「風火輪」平臺就是為了提升設計交付的效率。

而「即時設計」不僅和同類產品一樣可直接查看設計稿的參數標注、代碼等內容，還額外做了一個研發模式。

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

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

體驗多角色協作： https://js.design/scene

2. 設計資產管理

對于設計團隊來說，最重要的設計資產就是團隊的設計規范和授權字體。

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

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

3. 團隊項目管理

值得強調的一點，如果你所在的團隊恰好不是特別擅長文件管理，那么「即時設計」工作臺應該會成為你們的好幫手：

進入「正在跟進」頁面，所有正在進行的個人或團隊文件一目了然；進入團隊，每一個文件可以清楚地看到當前進度；想找到某個文件，既能根據合理的目錄結構翻找，也可以直接搜索……
而這些，都得益于「即時設計」獨特的文件管理體系。

對于國產工具來說，本土化服務是必須的

1. 用戶支持

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

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

2. 文檔和教程

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

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

3. 開放的遷移服務

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

同時支持 Figma、Sketch 和 XD 文件導入，也可以將任意項目導出為 Sketch 文件，還可以將 Figma 文件一鍵轉換為 Sketch 文件。

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

4. 私有化部署

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

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

總結

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

但相對來說，從功能、性能、社區生態、團隊協作、本土化服務這幾個維度來看，即時設計不僅完成度夠高，還有很多符合國內設計團隊的創新，產品、開發、運營各個方面也都十分積極，應該會是一個很好的選擇。

即時設計官網：https://js.design

更多即時設計評測：

歡迎關注「58UXD」的微信公眾號：