前段時間發現藍湖的同步盤從官網下線了,問了客服,說是維護中,具體開放日期不明(目前已正常)。當時我們的設計團隊要用這個同步盤來維護 Sketch 的設計組件 Libraries,看來現在要換個思路來解決。
網上有 Dropbox 和 GitHub 解決方案,但是對于設計師來說還是難以理解,部署復雜,關鍵是 Dropbox 的速度在國內堪憂,嚴重影響效率。
同時有的公司為了項目的保密性,禁止把相關設計放到外網,更別說把設計最基礎的組件放到網絡上了。
所以我們的需求很明確:
- 簡單的操作
- 穩定且快速的傳輸
- 方便的同步共享
- 如果只在內網使用就更好了
文章目錄
- Sketch Libraries 簡單介紹
- Mac 文件共享功能打開
- 引入共享的 Libraries
- 總結
鑒于有些設計師還沒用過 Sketch 的 Libraries,在這里先簡單介紹下。
Sketch Libraries 簡單介紹
Libraries 是 Sketch 最近版本中新增的功能,一個 Library 實際上就是一個正常的 Sketch 文件,我們可以把一套做好的 Sketch 規范(包含symbols和text styles)放到共享網絡中,其他 Sketch 項目只要通過 Libraries 引入,就可以調用里面的 symbols 和 text styles。如果 Libraries 中的樣式改變,那么其余使用這個樣式的組件都會收到更新提示,手動點擊就會更新。
為了保持界面的風格統一,Libraries 非常適合制作大型項目的 UI規范,尤其是多位設計師協作完成一套界面的時候。
如果要讓其他設計師引入 Libraries,就需要一個服務器空間,藍湖同步盤就像一個服務器空間,設計師把 Libraries 上傳到同步盤后,加入項目的其他人就可以引入使用了。
解決方案
那么回到我們的問題上,如何找到既能簡單方便的操作,又能穩定且快速傳輸的藍湖同步盤替代方案呢?
我給出的方案就是利用 Mac 的共享功能,把自己的電腦當成一個本地服務器,其他設計師只需要進入我的電腦去引入 Libraries 就可以了,相當于本地化的局域網文件共享。
其實 Mac 有非常強大的共享功能,我們這里需要使用的是其中的文件共享。由于是本地化的局域網解決方案,速度當然是很快了,關鍵是沒有上傳到互聯網,不用擔心安全性,放在公司內部妥妥的。接下來是實現方法。
Mac 文件共享功能打開
1. 打開文件共享功能
依次打開設置 - 共享,打開設置面板。左邊列出了 Mac 可用的共享類型,我們需要使用文件共享功能。afp 和 smb 開頭的地址就是其他小伙伴進入你的電腦需要用的。
接下來我們要確保文件共享是打開的,勾選上文件共享。然后點擊右側的選項,afp 一般是 Mac電腦使用,smb 一般 win電腦使用,當然 Mac 使用 smb 也是可以的,如果使用 afp 進不到對方電腦就選擇 smb 開頭。建議 smb 和 afp 共享都勾選。
2. 選擇需要共享的文件夾
共享文件夾,就是你想要你的電腦中哪些文件夾給其他小伙伴看,沒有共享的文件夾其他人是看不到的,我們可以點擊添加來選擇,也可以刪除某個已共享的文件夾。
右側用戶是權限設置,admin 是你自己,可以寫可以讀,說白了就是可以修改可以查看。其他的就設置成只讀,就是只能查看不能修改。
還有一種共享文件方法就是右鍵單擊某個需要共享的文件夾 - 簡介 - 勾選共享文件夾,之后該文件夾就會出現在共享列表中。
3. 設置客人權限
共享文件夾設置好了,要給其他人設置進入權限。打開設置 - 用戶與群組 - 客人用戶,客人用戶選項無法點擊的,需要解鎖左下方的小鎖,輸入電腦密碼。接下來勾選允許客人用戶連接到共享文件夾。設置完畢。
4. 進入對方Mac
根據上面步驟設置后,就可以進入對方電腦了。打開 Finder,快捷鍵 cmd+k,輸入對方 afp 或者 smb 開頭地址,然后在彈窗中選擇客人,接下來再選擇你想進入的文件夾就可以了。
現在,我可以隨時查看其他設計師共享的文件,其中 Sketch 源文件可以隨便修改,就是沒有權限保存。對方保存 Sketch 后,我的 Mac系統會提示文件發生變化,可以根據提示選擇更新還是其他。
選擇 Revert,文檔就會自動更新到對方最新修改的狀態,速度取決于文件大小,一般 Sketch 文件都是比較小的,幾秒鐘就更新了。
5. 固定電腦的ip地址
有時候會遇到這樣的情況,剛開始進入其他同學的電腦很正常,但是過幾天會發現進不去了,原因是對方 ip地址發生了改變。
由于一般默認在局域網中,ip 是自動獲取的,可能會導致每次分配的 ip 地址不一樣,在 Mac 中我們可以把 ip地址固定。
首先打開網絡設置:
打開網絡右下角的高級:
選擇 TCP/IP,配置IPv4 中選擇手動設定地址。IPv4地址一般默認使用路由器地址172.16.12.X,最后的 X 可以從1-255中填寫一個。
操作之后,電腦的 ip地址就會固定再也不會變動了。如果更改之后無法上網的,請聯系公司的網絡管理員。
以上是 Mac 共享的打開方法,接下來我們就開始引入 Libraries 了。
引入共享的 Libraries
這里我們要明確一個事情,UI規范是一個大家都可以調用的組件集合,為了設計的規范和統一,不能所有人都有編輯權限(權限可以通過共享中的設置來配置),因此 Libraries 需要一個人來維護更新,比如在團隊中,A同學負責維護 UI規范,那么這個 Libraries 就會放在 A 的電腦。
如果我想引入 Libraries,就需要通過上面講的 Mac 共享功能進入 A同學的電腦。
cmd+K?- 輸入A同學共享地址?- 選擇客人- 找到規范Libraries的文件路徑。
接下來我們再從 Sketch 中引入 Libraries。
打開 Sketch 的Libraries:Perferences - Libraries - Add Library。
點擊 Add Library 后,我們需要在 Finder 彈窗中找到需要的 Library,然后引入到 Sketch 中。右側就是我們剛才連接的A同學電腦共享地址。
之后在 symbol 中就可以找到剛才引入的 Library 了,可以在其他項目中使用。Library 和普通的 symbol 相比,圖標是不一樣的。
如果 Library 中的 symbol 樣式發生變化,Sketch 文檔就會在右上角收到紫色的更新通知,點擊后在彈窗中就可以看到哪里發生了改變,之后進行更新。
總結
經過以上操作,我們就可以在不借助第三方工具的情況下,打造屬于自己團隊的 Sketch Libraries 共享解決方案。可以指定一位設計師為管理者,擁有修改權限,其他設計師有只讀權限,確保 Libraries 修改的唯一性。
這個方案的優點是搭建流程比較簡單、速度快、內網環境安全性高。不足點是需要管理者的電腦保持開機狀態。不過我的電腦一般在公司中很少關機,Mac 本身的設計就是不建議頻繁開關機,即開即用,用完蓋上,喚醒很快,讓工作更高效。
其實利用 Mac 的文件共享功能,設計師、產品、技術可以很方便地共享源文件、原型圖、切圖資源等,減少不必要的文件傳輸和無用的文件副本,而且傳輸速度也很快。
以前給產品發文件,如果發生了修改,需要第二遍、第三遍,現在利用共享,產品同學看到的一直會保持最新版本,不用再麻煩地傳輸文件。
希望這個方法能帶給各位設計師工作上的啟發和效率上的提高。
歡迎關注作者的微信公眾號:「UI黑客」
「Sketch構建組件庫的方法」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論 為下方 7 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓