最近發現藍湖的同步盤從官網下線了,我們設計團隊本來要用這個同步盤來維護Sketch 的設計元件Libraries,看來現在要換個思路來解決。

網上有Dropbox和GitHub解決方案,但是對於設計師來說還是難以理解,部署複雜,關鍵是Dropbox的速度在國內堪憂,嚴重影響效率。

所以我們的需求很明確:簡單方便的操作,穩定且快速的傳輸。

鑑於有些設計師還沒用過Sketch的Libraries,在這裡先簡單介紹下。

Libraries介紹

Libraries是Sketch最近版本中新增的功能,一個Library實際上就是一個正常的Sketch檔案,我們可以把一套做好的Sketch規範(包含symbols和text styles)放到共享網路中,其他Sketch專案只要透過Libraries引入,就可以呼叫裡面的symbols和text styles。如果Libraries中的樣式改變,那麼其餘使用這個樣式的元件都會收到更新提示,手動點選就會更新。

使用Mac共享,打造屬於自己團隊的Sketch Libraries

為了保持介面的風格統一,Libraries非常適合製作大型專案的UI規範,尤其是多位設計師協作完成一套介面的時候。

如果要讓其他設計師引入Libraries,就需要一個伺服器空間,藍湖同步盤就像一個伺服器空間,設計師把Libraries上傳到同步盤後,加入專案的其他人就可以引入使用了。

解決方案

那麼回到我們的問題上,如何找到藍湖同步盤的替代方案呢?

之前UI駭客有一篇文章

《科學使用Mac共享功能,提升文件協作效率》

,可以利用Mac的共享功能,把自己的電腦當成一個本地伺服器,其他設計師只需要進入我的電腦去引入Libraries就可以了,相當於本地化的區域網檔案共享。

使用Mac共享,打造屬於自己團隊的Sketch Libraries

由於是本地化的區域網解決方案,速度當然是很快了,關鍵是沒有上傳到網際網路,安全性不用任何擔心。接下來是實現方法。

開啟Mac共享功能

具體方法請看這篇文章

《科學使用Mac共享功能,提升文件協作效率》

引入和使用Libraries

這裡我們要明確一個事情,UI規範是一個大家都可以呼叫的元件集合,為了設計的規範和統一,不能所有人都有編輯許可權(許可權可以透過共享中的設定來配置),因此Libraries需要一個人來維護更新,比如在團隊中,A同學負責維護UI規範,那麼這個Libraries就會放在A的電腦。

如果我想引入Libraries,就需要透過上面講的Mac共享功能進入A同學的電腦。

cmd+K——輸入A同學共享地址——選擇客人——找到規範Libraries的檔案路徑

接下來我們再從Sketch中引入Libraries。

1:開啟Sketch的Libraries:Perferences-Libraries-Add Library

使用Mac共享,打造屬於自己團隊的Sketch Libraries

使用Mac共享,打造屬於自己團隊的Sketch Libraries

2:點選Add Library後,我們需要在Finder彈窗中找到需要的Library,然後引入到Sketch中。右側就是我們剛才連線的A同學電腦共享地址。

使用Mac共享,打造屬於自己團隊的Sketch Libraries

3:在symbol中就可以找到剛才引入的Library了,可以在其他專案中使用。Library和普通的symbol相比,圖示是不一樣的。

使用Mac共享,打造屬於自己團隊的Sketch Libraries

4:如果Library中的symbol樣式發生變化,Sketch文件就會在右上角收到紫色的更新通知,點選後在彈窗中就可以看到哪裡發生了改變,之後進行更新。

使用Mac共享,打造屬於自己團隊的Sketch Libraries

使用Mac共享,打造屬於自己團隊的Sketch Libraries

總結

經過以上操作,我們就可以在不借助第三方工具的情況下,打造屬於自己團隊的Sketch Libraries共享解決方案。可以指定一位設計師為管理者,擁有修改許可權,其他設計師有隻讀許可權,確保Libraries修改的唯一性。

這個方案的優點是搭建流程比較簡單、速度快、內網環境安全性高。不足點是需要管理者的電腦保持開機狀態。

希望這個方法能帶給各位設計師工作上的啟發和效率上的提高。