最新功能:智慧動畫 — 讓您的原型動起來。 深入瞭解

跳過導覽

共享元件庫

最後更新日期:2023 年 12 月 6 日
閱讀時間:2 分鐘

透過工作區共享元件庫是確保每個人在設計中使用正確元件的最簡單方法。不過,您也可以使用同步服務,甚至將元件庫上傳到伺服器並使用 RSS 進行更新。

共享元件庫

觀看課程

透過工作區共享

在網頁應用程式中,找到您要用作元件庫的文件,將滑鼠懸停在其縮圖上,按一下 三個點,然後選取「設定」。選取(設為)「元件庫」,然後按一下「完成」。

在 Mac 應用程式中,您會找到您所屬任何團隊的所有工作區元件庫。從選單列中,選取「Sketch」>「設定」>「元件庫」。捲動以找到您需要的元件庫,並透過核取方塊啟用它們。

透過同步服務共享

您也可以使用 Dropbox 或 Google Drive 等同步服務來上傳元件庫並與其他人共享。與您共享元件庫的任何人都需要透過「Sketch」>「設定」>「元件庫」在 Mac 應用程式中將文件新增為元件庫。每當您更新元件庫時,他們都會在 Mac 應用程式中收到通知。

在伺服器上託管元件庫

您首先需要將元件庫文件託管在伺服器上,然後建立一個如下所示的 JSON 檔案

{
  "versionID" : "0.5.1",
  "downloadURL" : "https://my.server.com/TemplateLibrary.sketch",
  "downloadFileSize" : 68487516,
  "creationDate" : "Wed, Mar 17 2022 14:00:00 +0000",
  "itemName" : "Template Library",
  "imageURL" : "https://my.server.com/TemplateLibrary.png"
}

儲存 JSON 檔案,請確認檔名包含 .json 副檔名。以上述範例來說,我們將其命名為 TemplateLibraryUpdate.json

在 JSON 檔案中,使用以下的字典鍵值作為參考,根據需要編輯下列欄位。

重要事項:您的 JSON 檔案、函式庫文件和縮圖圖片必須透過 https 提供。

使用像是 Meyerweb URL 編碼器之類的工具來編碼您的 JSON 檔案網址,並將其附加到 Sketch 應用程式連結,如下所示:

sketch://add-library?url=https%3A%2F%2Fmy.server.com%2FTemplateLibraryUpdate.json

上述範例的兩個部分分別是新增函式庫的 Sketch 應用程式連結 sketch://add-library?url= 以及編碼後的函式庫文件網址:https%3A%2F%2Fmy.server.com%2FTemplateLibraryUpdate.json

要驗證一切正常運作,請將完整網址(從 sketch:// 到編碼網址的結尾)輸入您的瀏覽器。Sketch 應該會啟動並新增您的函式庫。

字典鍵值

  • itemName 字串:函式庫的顯示名稱。如果未提供,則會使用 downloadURL 的最後一個路徑組件(移除副檔名)作為名稱。非必填
  • versionID 字串:唯一的版本識別碼。必填
  • downloadURL 字串:指向要下載的函式庫文件的網址字串。必填
  • downloadFileSize 整數:downloadURL 所描述的函式庫文件的檔案大小,以位元組為單位必填
  • creationDate 字串:描述函式庫版本建立日期的日期字串(符合 RFC822 日期和時間文字格式)。非必填
  • imageURL 字串:指向圖片檔案的網址字串,您可以在下載並安裝函式庫之前使用該圖片檔案在 Sketch UI 中代表函式庫。非必填

注意事項:versionID 值不會檢查一個函式庫是否比另一個函式庫更新。如果此值與 Sketch 本機儲存的值不同,Sketch 會認為有可用的更新。