為啥要一定建立云端設(shè)計(jì)庫(kù)？

在互聯(lián)網(wǎng)的產(chǎn)研團(tuán)隊(duì)中，通常會(huì)有多位 UI 設(shè)計(jì)師，服務(wù)于同一項(xiàng)目，如何讓大家能夠更好地進(jìn)行設(shè)計(jì)協(xié)作，保證設(shè)計(jì)的輸出質(zhì)量和效率，就是一個(gè)非常重要的問(wèn)題了。

過(guò)去，互聯(lián)網(wǎng)大廠可能會(huì)專(zhuān)門(mén)建立一個(gè)設(shè)計(jì)規(guī)范網(wǎng)站，向所有設(shè)計(jì)師展示設(shè)計(jì)原則、風(fēng)格、組件類(lèi)型等信息，還能提供 UIKIT 包下載。對(duì)于小團(tuán)隊(duì)來(lái)說(shuō)，可能是建立設(shè)計(jì)規(guī)范文檔，并保持文檔在所有成員中同步更新。

但無(wú)論是哪種方式，都存在一定的滯后性，維護(hù)成本也非常高，最好的方式還是建立一個(gè)能夠隨時(shí)更新，更新內(nèi)容實(shí)時(shí)同步給所有人的云端設(shè)計(jì)庫(kù)。

用 Sketch 怎么實(shí)現(xiàn)云端設(shè)計(jì)庫(kù)？

假設(shè)，我們選擇 iCloud 賬戶的云能力創(chuàng)建 Sketch 的云端設(shè)計(jì)庫(kù)，通過(guò) iCloud 自動(dòng)同步最新版。使用者要把組件庫(kù)添加到 Sketch Library，就可以實(shí)現(xiàn)隨時(shí)調(diào)用最新組件。Sketch 上的云端設(shè)計(jì)庫(kù)可以包含設(shè)計(jì)規(guī)范、關(guān)鍵和常用設(shè)計(jì)頁(yè)面、UIKIT 這三部分內(nèi)容。

但是，實(shí)現(xiàn)上面這種做法，有一些限制條件，電腦要 Mac 系統(tǒng)，要有 iCloud 賬號(hào)，并啟用了 iCloud Drive，當(dāng)然，還少不了 Sketch App。

還有比 Sketch + 云服務(wù)，更好的方式嗎？

當(dāng)然有，為什么在線設(shè)計(jì)工具 Figma 能快速覺(jué)得，就跟這個(gè)有關(guān)系。作為在線 UI 設(shè)計(jì)工具，像國(guó)外的 Figma，國(guó)內(nèi)的即時(shí)設(shè)計(jì)，它們本身除了具備 Sketch 的所有設(shè)計(jì)功能，本身就自帶云服務(wù)，所有文件存儲(chǔ)在云端，支持多人同時(shí)查看和修改同一項(xiàng)目，要建立團(tuán)隊(duì)的云端設(shè)計(jì)庫(kù)，真的再簡(jiǎn)單不過(guò)了，而且，在線工具不限制電腦操作系統(tǒng)，打開(kāi)瀏覽器就能使用，從這一點(diǎn)上來(lái)看，體驗(yàn)瞬間提升了幾個(gè)檔次。

說(shuō)到專(zhuān)業(yè)的在線 UI 設(shè)計(jì)工具，F(xiàn)igma 確實(shí)是先驅(qū)，在國(guó)外的市場(chǎng)份額也超越了 Sketch，但是，它并沒(méi)有正式進(jìn)入中國(guó)，還存在著網(wǎng)絡(luò)、中文兼容性、服務(wù)等諸多問(wèn)題，對(duì)于國(guó)內(nèi)的 UI 設(shè)計(jì)師來(lái)說(shuō)，針對(duì)中國(guó)設(shè)計(jì)師的需求而打造的即時(shí)設(shè)計(jì)，絕對(duì)是更好的選擇。

筆者在即時(shí)設(shè)計(jì)上線一年多的時(shí)間里，一直在關(guān)注著它的功能更新，現(xiàn)在，其包含的功能，已經(jīng)可以滿足絕大多數(shù)設(shè)計(jì)師和團(tuán)隊(duì)的工作需求，而且即時(shí)設(shè)計(jì)承諾，目前所有已發(fā)布的功能都會(huì)永久免費(fèi)，大家可以放心使用。

從 PS 到 Sketch，專(zhuān)業(yè)設(shè)計(jì)工具的主導(dǎo)地位一直都是國(guó)外的廠商占據(jù)，而即時(shí)設(shè)計(jì)等國(guó)產(chǎn)設(shè)計(jì)軟件的出現(xiàn)，標(biāo)志著我們?cè)谠O(shè)計(jì)工具方面也在快速崛起，接下來(lái)，故事會(huì)如何發(fā)展，讓我們拭目以待吧~

「即時(shí)設(shè)計(jì)」官網(wǎng)地址：https://js.design