使用 Craft 和 Dropbox 實現 Sketch 的團隊協作

神器 Craft

Sketch 雖然有很多功能強大的插件,但真正稱得上神器的只有 Craft 這一個:

它剛一推出時,自帶了 Adobe Project Comet (現已經改名 Adobe XD)亮相時最驚艷的功能:快速給你的設計填充真實數據(再也不用面對設計稿裡面出現複製n次的頭像和假數據了),此後 Craft 又更新了從設計稿里提取顏色、樣式的 Style 面板,比原生的樣式解決方案好用十倍。

但是今天我想介紹的,還是 Craft 1.3.0 更新提供的 Library 功能:

說白了,就是在 Sketch 裡面增加一個小窗口,把常用的色板、文本樣式、組件、圖標等綜合起來使用。很像是 Adobe 系的 Symbol 及各種樣式面板。

但它最大的優勢,是可以非常直觀地進行團隊的資源共享。與其它解決方案動輒需要註冊一個自己服務的賬號不同,它非常良心而且 old-fashioned 採取的讀取文件的形式:

而這個文件可以是在本地硬碟上的(自己用),可以是在區域網上的 NAS 的,也可以是團隊公用的 git 伺服器上的,也可以是團隊公用的網盤上的(Dropbox 或者 Google Drive 等)。這就很贊了,這麼多種選擇,總有一種適合你的團隊。

為什麼選擇 Dropbox for Team

雖然有那麼多種選擇,但是它們各有各的問題:

  • NAS / 區域網文件:文件衝突很難解決,而且帶電腦回家就不能用了
  • Git 伺服器:對於設計師來說操作比較複雜,而且提交、更新需要手動完成
  • 國內網盤:對 Mac 的支持不好,團隊協作功能一般是收費才提供,像百度網盤幾乎沒有團隊概念(收到分享的人繼續編輯不會影響到原文件)

所以經過一番試用,驀然回首,還是 Dropbox 最好用:

  • Mac 支持好
  • 衝突解決好,不會因為多人編輯一個文件造成不可預料的後果
  • 個人空間和公司 / 團隊空間隔離
  • 免費的團隊功能,額度夠用

官方介紹:

What is a free team, and what can I do with this feature?

Get started as a team on Dropbox: Introducing the team feature

設置 Dropbox Free Team

其實非常簡單:任何一個免費賬號,登錄了之後都可以在面板中找到 Team,並且 Create free team:

好的一點是:你可以在這裡填公司郵箱,這樣設置出來的是一個單獨的賬號,不用擔心會和自己的文件混在一起。

經過幾輪郵件驗證之後,就可以添加成員了,最後,你會在本地看到一個名為 Dropbox(公司名) 的新文件夾

設置公用的 Craft Library

完成這些設置之後,其實此後的事情就非常直觀了:只要一個人在公用的文件夾裡面創建一個 Library,然後其它人要 Craft 裡面選擇 Import,就可以完成共享。

Library 使用

Craft 已經做得足夠好用,選中圖層點添加就可以把圖標/樣式/色彩新建到裡面。

其它功能大家自己發掘,目前可能有的小問題是:如果一個人添加了新的內容,其它人有可能要重新打開一下 Sketch 才能保證 Library 是最新的,希望今後它們努力解決這個問題。(註:@李方明 證實在面板上右鍵 Reload 也可以刷新)


推薦閱讀:

我為什麼設計圖要做2X的?(基於2015年)
「教程乾貨」- 我敢打賭你不知道Sketch 39的響應式新玩法 - 響應式系列二
App演示素材那麼貴,不如來用 Sketch 插件自己做吧
「原創教程」- Sketch 從零開始學(二)

TAG:Dropbox | Sketch | 用户界面设计 |