Sketch 新出了Libraries功能，以后團隊協(xié)作更方便了！

@C7210 ：關(guān)于Sketch 47 Beta帶來的Libraries功能。終于實現(xiàn)可以調(diào)用庫文件以及一些第三方插件。但原生功能是另一碼事，在如此緊張的、可能涉及設計系統(tǒng)如許重大項目的功能上，依靠第三方解決方案的做法終歸有所牽制。

想來想去照舊感到Sketch官方文檔對Libraries新功能的概念和用法詮釋的最為周全和恰當，當然Medium上還有一些很棒的實踐經(jīng)驗供參考。

要試用Libraries功能，你首先必要到Sketch官網(wǎng)下載Sketch 47 Beta版本。

在“添加Libraries”這部分內(nèi)容當中，我用到了自制的WireframeKit For Sketch（iOS）作為示意，這是一款面向交互設計師的線框稿風格Sketch組件庫。

下面進入官方文檔正文。

良好的設計來自于協(xié)作。有了Libraries功能，跨文件的Symbols共享、升級和同步便得以實現(xiàn)。

什么是Libraries？

一個Library本質(zhì)上就是一個通俗的Sketch文件，其中的Symbols可以被其他Sketch文件調(diào)用。假如你編輯了Library當中的Symbols，那么調(diào)用了該Library的其他Sketch文件便會收到更新關(guān)照，你可以對變更進行預覽、對比和確認，使這些Sketch文件所調(diào)用的Symbols主動更新至最新版本。

在多人協(xié)作場景中，你可以將Library文件存放在Dropbox同步文件夾或GitHub的Repository當中，并確保其他同事?lián)碛性L問權(quán)限，如許他們便可以在本身的本地Sketch文件當中調(diào)用Library并使用其中的Symbols了。在你編輯了Library文件之后，他們的本地Sketch文件同樣會收到更新關(guān)照。

Libraries功能適合我嗎？

無論是獨自工作，照舊團隊協(xié)作，Libraries功能都能幫你自在應對。

我們提供了「iOS UI Design」作為默認Library，你可以通過「Insert」菜單將常用的Symbols快速添加到文件當中，也可以將本身的Sketch文件添加到Libraries當中，或是打造全新的Library；無論怎樣，你都能夠在所有的Sketch文件當中同一調(diào)用這些公用的Libraries，升級工作也只需在Libraries當中一次性完成。

團隊作戰(zhàn)的設計師們則可以充分行使Libraries的同步能力來確保設計方案中的UI元素為最新版本，或是及時獲取最新的品牌風格定義。Libraries被隔離于工作文件之外，你可以通過其存放序言所提供的安全策略設置來確保其不會被錯誤的變更；對于任何升級變更，你也有機會在同步之前對其進行預覽確認。

添加Libraries

要添加新的Library，你所需的僅是一個包含著Symbols定義的通俗Sketch文件，就這么簡單。

當你在本地Sketch文件當中對Symbols進行了優(yōu)秀的定義，并盼望在其他文件當中進行調(diào)用的時候，你就可以將其添加為Library了。通過頂部菜單欄的「Sketch Beta」進入「Preferences」，即偏好設置（或使用快捷鍵“Command+逗號”），然后在窗口中打開「Libraries」選項卡。

在這里，你會看到Sketch默認提供的Library，即「iOS UI Design」。左側(cè)復選框的選中與否將決定這個Library是否會出如今Insert菜單當中。點擊右側(cè)的“眼睛”圖標，或使用空格鍵，可以對Library進行預覽。

點擊右下角的“Add Library…”按鈕，選擇你本身的Sketch文件，即可實現(xiàn)Library的添加。

在上圖的范例中，我添加了自制的WireframeKit For Sketch(iOS)作為Library。

點擊左下角的管理按鈕（“齒輪”圖標），彈出菜單，在這里你可以禁用、打開或移除當前所選的Library。自行添加的Library在數(shù)量上沒有上限，每個Library在Symbols菜單當中都自成系統(tǒng)。

外部Libraries

想要通過Libraries實現(xiàn)外部共享或協(xié)作？完全沒題目 。將Libraries文件存放在本地服務器、云存儲或版本控制體系當中，向相干人員開放訪問權(quán)限即可。

譬如你可以將Libraries文件放置在Dropbox共享文件夾里，然后你的同伙或同事將其添加到本身的Sketch Libraries當中，如許你們就可以基于統(tǒng)一份Library文件進行工作了；對于該文件的任何變更都可以作用于每小我的本地Sketch文件。

使用Library Symbols

你可以像使用通俗的本地Symbols那樣使用Library Symbols，譬如通過菜單欄的Insert ? Symbol來插入到當前畫布中。

為了與本地Symbols進行區(qū)分，Library Symbols在圖層列表中會擁有一個獨特的圖標：

插入到畫布當中的Library Symbols同樣可以通過右側(cè)檢查器面板進行替代。

編輯Library Symbols

當你預備像曩昔那樣通過雙擊Library Symbol對其進行編輯時，Sketch會提示你該Symbol屬于某Library，你可以在「Unlink from Library」或是「Open in Original Document」當中進行選擇。

選擇后者，Library源文件會被主動打開，并定位到該Symbol。對源文件進行編輯，意味著所有調(diào)用到這個Library的本地Sketch文件都會受到影響。

因此要細致：假如在團隊范圍內(nèi)使用Libraries，那么在編輯源文件當中的Symbols時要保持警惕。高階人員可能要對通俗團隊成員的訪問權(quán)限進行把控，例如設置為“只讀”（詳細設置體例必要參考你所使用的同步工具的相干說明）。

將Library Symbols本地化

假如你盼望在不影響Library源文件的情況下對Symbols進行修改，那么在上文的對話框中選擇「Unlink from Library」，如許Library Symbol便會被本地化，離開與Library的關(guān)聯(lián)；其原型也會出如今本地Sketch文件的“Symbols”網(wǎng)頁當中。

細致：一旦Symbol離開了與Library源文件的關(guān)聯(lián)，就無法再與Library保持同步。其他未離開關(guān)聯(lián)的Symbols則不會受到影響。

管理本地調(diào)用的Library Symbols

你可以對本地Sketch文件當中所調(diào)用的Library Symbols進行同一管理，無論它們來自一個或多個Libraries。在畫布中選中某個Library Symbol，在右側(cè)檢查器面板當中點擊該Symbol的名稱，在彈出菜單中選擇「Organize Imported Symbols…」。

你可以在彈出的對話框中看到當前文件當中調(diào)用的悉數(shù)Library Symbols。選擇其中某一個，點擊左下角的管理按鈕（“齒輪”圖標），你可以選擇在Library源文件中編輯該Symbol，或是將其本地化。

Libraries的更新與同步

Libraries的緊張性不僅在于跨文件使用Symbols，同時更在于保持這些Symbols的同步更新。

我們前面已經(jīng)了解過如何編輯Library Symbols。當你完成編輯，回到本身的本地Sketch文件當中，你仍然可以選擇是否接受Libraries當中發(fā)生的變更。

編輯了Library Symbols之后，回到你的本地Sketch文件，你可以在窗口右上角看到紫色的「Library Update Available 」提醒。點擊之后，會有對話框提醒你當前文件中某些Symbols有待更新。

在這里，你會看到發(fā)生變更的所有Symbols，并能通過「before」和「after」進行版本對比。假如你不確定其中的某些變更是否應該更新到當前本地文件，那么取消選中狀況不同步該項即可。

在這里，所有被選中的Symbols都會在你點擊「Update Symbols」之后被同步到你當前的本地文件當中。

假如你不盼望當前文件當中的某些Library Symbols被更新，也可以在同步之前就通過“Unlink from Library”將其本地化。

迎接關(guān)注作者的微信公眾號：