算算時間，Sketch 已經出道十年了，在很長一段時間里，它都是 UI 設計的主力軟件，哪怕它到現在都不支持 Windows 系統，也擋不住大家對它的認可和喜愛。直到新一代在線設計工具崛起，這種情況開始改變了。

今天，我就用一款比較有代表性的國產在線設計工具「即時設計」為例，帶著大家來看看在線設計工具，跟 Sketch 這樣的本地軟件相比，在使用體驗方面有什么獨特之處?？赐曛?，對于 Sketch 會不會被在線設計工具取代這個問題，你應該會有自己的判斷了。

接下來，我就從使用門檻、基礎功能、團隊協作三個方面，各舉幾例來說明。

一、使用門檻

「即時設計」作為一款在線設計工具，打開瀏覽器就能使用，沒有系統限制，無論是Windows、Mac 還是 Linux，甚至是 iPad 都能用；在線軟件對于本地資源的占用少，即使是打開大文件也不會卡；不用在本地下載軟件，不需要更新軟件和插件版本。

相比之下，Sketch 要求 Mac 電腦；遇到大文件卡頓的問題，沒有什么好的辦法解決；有時更新軟件后又導致插件失靈，真的會讓人崩潰。

Sketch 收費，即時設計免費。（目前 Sketch 的個人授權是 99 美元）

二、基礎功能

1.更自由的引用組件

相比于 Sketch，在即時設計里的引用組件可在編輯頁保留，修改實時同步到實例組件，無需反復切換「控件」頁；實例組件可以自由調整屬性，修改后的屬性完全獨立，不再受引用組件影響；實例組件修改后可將屬性推送到引用組件，直接同步給其他實例。

2.獨立樣式共享

Sketch 的所有樣式都保存在單個圖層中，共享樣式就一次性全部調用，而即時設計中的填充、描邊、陰影等樣式屬性可以各自獨立保存，在調用時可以自由組合搭配，同時支持一鍵全局修改，更加高效。

3.線上設計資源即拿即用

使用 Sketch 時需要到處下載資源，再導入 Sketch 使用，而即時設計的資源廣場中精選了多款專業免費的設計資源，如作品源文件、設計規范、Mockup 等，這些素材可以一鍵保存到自己的素材庫，在設計界面拖拽復用。

三、團隊協作

1.一個鏈接交付，修改實時更新

設計師只需要共享一個鏈接，產品和開發便可直接訪問項目進行各自的工作，設計師也可以完全專心于自己的創作，所有修改內容都會實時更新，不必再反復上傳文件同步進度。

2.自帶開發標注和切圖

現在用 Sketch 做設計，大部分都離不開第三方插件輔助，設計師在 Sketch 中添加切圖標記，然后上傳到第三方平臺進行交付。在即時設計中，切圖預設，顏色定位，標注參數的倍率切換、單位切換，這些功能讓標注和切圖徹底擺脫對第三方插件的依賴。如有需要，開發同學也可以自行切圖，十分方便。

3.自動備份歷史版本

即時設計中每個文件都會自動按時間軸保存多個版本，歷史記錄隨時可回溯，同時設計師也可以手動創建標記版本，讓你輕松判斷重要版本并一鍵切換！這也是在線工具把文件存在云端的獨有功能，相比之下 Sketch 的本地備份就太麻煩了。

總結

如果 PS 是做 UI 設計的第一代軟件， Sketch 是做 UI 設計的第二代軟件，即時設計應該算是第三代軟件中的一員了。現在，從本地到云端，是軟件發展的大趨勢，就像前兩年快速崛起的各種在線文檔一樣，希望大家都能擁抱這種變化，并從變化中獲益。

看到這里的朋友，不妨自己去體驗一下即時設計，反正是免費的。如果你剛好想學習 UI 設計技巧，我推薦你參加他們正在舉辦的「每周臨摹」活動，還能進設計師交流群，相信對你會有幫助。

「即時設計」官網地址：https://js.design