略過導覽
學習設計

元件庫,深入探討

使用元件庫將協作提升到新的水平 — 這是集中管理元件的完美方式

在 Sketch,我們致力於協助您更聰明地工作,而不是更費力地工作。這就是為什麼可重複使用的元件是我們設計平台的核心。但您不需要將可重複使用的元件限制在單個文件中。使用元件庫,您可以在多個文件,甚至整個工作區中,保持元件的組織性和可存取性。

讓我們進一步了解這個強大的工具! 👇

什麼是元件庫以及如何建立一個

元件庫是一種特殊類型的 Sketch 文件,它使其元件可在您工作區中的其他文件中使用。目前,您可以使用元件庫來分享和管理符號、文字樣式、顏色變數、圖層樣式和畫板範本。此外,每當您更改元件庫中的元件時,這些編輯將會同步到任何使用它們的其他文件。

您可以前往選單列,並在 Mac 應用程式中選擇檔案 > 加入為元件庫將任何文件轉換為元件庫

要在網頁應用程式中執行相同的操作,請開啟文件並點擊三個點的圖示,選擇設定並啟用使用為元件庫區段中的核取方塊。

如您所見,將文件轉換為元件庫非常簡單。

如何使用元件庫及其元件

建立元件庫後,您會希望在整個工作區中使用它及其包含的元件。要在您的文件中啟用元件庫,請按下 , 以開啟設定中的元件庫標籤頁,然後從列表中選擇您想要的元件庫。您也可以使用此視窗新增本機元件庫

專業提示:為了輕鬆保持元件庫元件的更新,請確保您勾選元件庫設定底部的「自動下載並更新元件庫」方塊。

現在您已啟用元件庫(或多個元件庫),在您的文件中使用其元件就非常簡單了。最簡單的方法是使用插入視窗,您可以按下 C 或在選單中選擇視窗 > 插入來存取它。

從這裡,您可以輕鬆地搜尋並插入元件庫中的任何元件,方法是將其拖曳到畫布中。

如果您更熟悉「插入」選單,或者您正在使用較小的元件庫,您也可以改用它。只需點擊工具列中的 + 按鈕,選擇您要搜尋的元件類型,然後從子選單中選擇任何元件。

您也可以透過檢查器找到元件庫中的元件。例如,如果您要更改圖層樣式,任何已啟用的元件庫樣式都會顯示在下拉式選單中。

了解更多:查看我們關於元件庫的Sketch 102 課程 — 它是免費的!

如何使用文件元件庫保持整潔

當您使用許多元件庫時,像是「插入」視窗之類的地方可能會變得有點擁擠。為了保持整潔,您可以僅針對特定文件啟用所需的元件庫。這樣,您就不必搜尋工作區中的所有共用元件來找到您要尋找的內容。最棒的是?您可以確保開啟文件的任何人都會自動安裝並可以使用這些元件庫。

在「文件設定」的「元件庫」分頁中,您會看到工作區中所有可用的元件庫。您可以勾選每個元件庫旁的方塊,將任何或所有元件庫自動新增到您的文件中。

您可以使用 (,) 捷徑開啟「文件設定」中的「元件庫」分頁。

如何與團隊成員共享元件庫

只要您將元件庫儲存到工作區,團隊中的每個人都可以自動使用。成員可以在他們的「偏好設定」中自行訂閱元件庫,或者如果是文件元件庫,則預設已啟用。

元件庫的優點在於工作區中的每個人都可以看到您對文件的更改。但是,有時您需要限制哪些人可以查看某些元件庫文件或特定版本。您可以完全做到這一點!

如何控制元件庫的發佈

每當您更改文件時,這些更改將會即時提供給其他人。如果沒有發佈控制,可能會讓您倍感壓力。我們希望您能舒適地工作,並花所有需要的時間來交付最佳成果。

以下提供幾種管理元件庫存取權限的方法

使用「我的草稿」將元件庫完全保密

當您在「我的草稿」中建立元件庫時,它將作為僅供您使用的元件庫。這對於您在設計中經常使用,但對團隊其他成員來說不一定有趣或有幫助的元素來說非常方便。或者,如果您只是在與整個團隊分享之前先試用看看。

使用星號版本微調發佈

在您切換到始終在「我的草稿」中私下工作,然後再移至公開專案之前 — 其實沒有必要!您可以建立元件庫的星號版本

例如,假設您有一個現有的品牌指南元件庫,但您需要進行一些更改。您可以將目前版本加上星號,這樣任何使用該元件庫的人只會取得該版本更新或下載到他們的文件中。

完成更改並對品牌指南元件庫感到滿意後,您只需將最新版本加上星號,團隊其他成員就會立即收到更新。

注意:如果您是元件庫更新的接收端,您會在鈴鐺圖示下方收到文件通知,讓您知道有新的元件可用。然後,由您決定接受或拒絕它們!

使用元件庫的優點

現在您知道如何設定自己的元件庫,讓我們來看看一些主要優點。

單一資料來源

使用元件庫,您可以讓所有元件在整個工作區保持同步且可供存取。您只需更新大家一直在使用的元件庫元件,而無需手動發送包含更新的文件,並希望您的團隊成員正確使用。如果您是單獨工作,這也適用於您自己的專案!

完全掌控

元件庫可以供所有人使用,也可以僅供您自己使用。您可以將它們保存在「我的草稿」中,授予特定文件的存取權限,或將其發佈到整個工作區。您甚至可以使用星號版本來確保您的團隊成員只使用正確的版本。

同時,您可以放心,因為您只能透過元件庫檔案本身更改元件庫元件,因此沒有人會不小心從他們的文件中覆蓋原始設計。

更完善的組織

您可以根據需求細分元件庫,無論是創建一個元件庫來存儲所有內容,還是為每個項目創建一個元件庫。您甚至可以按平台(iOS 與網頁)拆分它們,或使用它們來組織特定的符號組或顏色變數

更快速的工作流程

元件庫可以透過兩種方式幫助您減少猜測。首先,您將確切知道您的元件在哪裡。其次,您的元件將會跨文件自動更新。這是一個雙贏的局面。更不用說,您還可以利用元件庫使用 Sketch 現成的範本來製作簡報、社群貼文、模型、名片等等。


我們希望這篇文章能幫助您將元件庫的使用提升到新的境界。如果您還沒有創建您的第一個元件庫,還在等什麼呢?

您可能也喜歡

免費試用 Sketch

無論您是 Sketch 的新手,還是回來看看有什麼新功能,我們都能讓您在幾分鐘內設置好並準備好開始最佳的工作。

免費開始使用
免費開始使用