本篇對新手非常友好，我們的目標是撥開層層迷霧，如直男般硬核，看完就會用！

Libraries功能早在sketch 47的時候就已經加入，但我當時掃了眼官方的介紹感覺真是高深莫測，網(wǎng)絡資料也覺得有些繞就一直沒有去了解，只是在工作中用到了部分功能。

直到前幾天小伙伴問我這個怎么用，趁著這個契機我才決心從頭學習它，今天就來和大家分享我建組件庫的過程和思路，希望和大家一起學習討論。

如果你也和我一樣，既想了解這個功能又覺得麻煩有些地方看不懂，不妨就先從本篇入門吧。

什么是Libraries

Libraries是幫助我們更方便使用組件的工具。先看一下如果不使用Libraries的時候是怎么解決這個問題的。

我們可能會有一個專門的sketch文件，里面是各種各樣已經確定下來的組件，需要用的時候，打開這個文件復制粘貼到你要用的文件里。

其實這里我們離Libraries已經不遠了，因為Library的前身也是一個普通的sketch文件，只不過是把需要用到的圖標、按鈕、文字等都預設整理成symbol，然后添加到sketch系統(tǒng)中。所以沒有想象中的麻煩，只需要加上幾步，就可以省去每次都打開文件復制粘貼的步驟，隨時使用了。

下面就來看一下我們怎么來建立自己的組件庫吧。

如何使用

1.順序

第一步可以確定一下建立的順序，避免因為沒有規(guī)律而造成一些重復工作。

這里我們需要先考慮一下“顆粒度”的概念。大家應該都玩過1024這個游戲，游戲里2合成4，4合成8，8合成16……，“2”就是這個游戲的最小顆粒度。

同樣在搭建自己的組件庫的時候，我們也應該從最小的顆粒度入手，逐漸合成更高級的組件。比如我是從“顏色→圖標→文字→按鈕→組件 ”，這樣當你建按鈕的時候，就可以直接使用之前已經建好的顏色和文字。

2.命名

命名按照自己的習慣中英文都可以，關鍵是整理時要有清晰的思路。從命名開始，建立清晰的分組，以便之后的查找使用。這里是用“/”來分層級，比如“按鈕/主要操作/常態(tài)”。

3.建立

有了清晰的思路，就可以按照定好的順序逐步建立了。下面以顏色和圖標來舉例。首先我們建立好顏色的symbol，如下圖。

接下來開始建立是圖標的，將圖標圖層設置為蒙版后選擇插入顏色的symbol，這樣圖標和顏色就發(fā)生了嵌套關系，切換圖標的顏色非常方便。同樣如果修改了顏色，那么所有使用該顏色symbol的元素也會一起改變。

4.導入添加

準備好文件后下一步是將文件導入，選擇sketch→preferences，中文是“偏好設置”。打開后選擇Libraries→Add library，把文件添加進入。

添加成功后新建一個文件看看成果吧。點擊symbols，找到我們剛才添加的文件就可以插入使用我們預設好的組件了，到這一步我們已經完成了自己本地組件庫的建立和使用。

5.共享和同步

建好了自己的組件庫，也可以把它分享給別人，關于共享和同步有很多方法，比如……不過大多都有一些技術門檻，使用起來比較麻煩。

下面只介紹兩種我認為操作簡單、好控制，不需要過多設置和管理的方法，分別是：人工同步和sketch cloud 同步（個人覺得可以滿足多數(shù)使用需要了，對其它方法有興趣的小伙伴可以研究一下相關資料）。

· 人工同步

每次更新后的sketch文件發(fā)送給大家，由大家自己添加到Libraries，把舊文件刪除就可以了，雖然每次需要手動添加刪除，但是這個方法不需要設置什么沒有技術門檻，對于更新不那么頻繁的中小團隊使用沒什么問題。

· Sketch Cloud 同步

這個方法是把sketch文件傳到Sketch Cloud，然后開放該文檔或者分享給指定的人，接受分享的人將文件添加到Libraries，之后的更新Sketch就會自動下載了，是比較方便的方法了。不過這相當于把文件存在了云，需要注意信息安全，如果是保密的項目就需要評估一下是否使用了。

以上就是我建組件庫的過程和思路了，這也是我第一次系統(tǒng)的整理使用，希望和大家一起學習討論，如果有推薦的方法歡迎留言討論哦~

不少APP都選擇了較寫實的圖標。

劃重點

· 順序建立，從最小的顆粒度入手，逐漸合成更高級的組件。

· 建組件的時候要有清晰的思路。命名以“/”來分層級，建立清晰的分組。

作者： 焱小玖

公眾號：海鹽社