Figma - 建立團隊專屬的共享資源庫，讓協作更輕鬆

在執行設計專案時，與客戶確認產品風格及調性以後，就會開始創建並定義基礎樣式及元件，例如：文字、色票、陰影效果、元件狀態…等，在持續設計、迭代的過程中，若可以把元件庫獨立出來，除了方便管理以外，也可以在不同設計文件中使用，確保其符合設計標準和需求。

#使用權限

• 使用 Library：只要 Library 有開啟瀏覽權限，所有版本都能使用，包含免費 Starter 版本。
• 建立 Library：Professional、Organization 和 Enterprise 版本才能建立；或是有 Edit 訪問文件權限的使用者也可以將樣式和元件發佈到 Library。

建立樣式及元件

樣式

• 文字：字體、字級、行高、間距
• 色票：填充、邊框、圖像、漸層
• 效果：陰影、圖層模糊、背景模糊
• 網格：行、列、網格

元件的各種狀態

• 按鈕
• 輸入框
• 下拉選單
• Radio button / Checkbox
• 彈窗

發佈

可以全選或是勾選想要發佈的樣式和元件，並添加描述發佈記錄。當成功發佈為 Library 之後，檔案圖示也會變更為黑色如下圖，區別設計文件和 Library 文件。

啟用

我們可以建立多個 Libraries 文件，並在引用時選擇啟用哪些 Libraries 供文件套用。

套用

設計文件套用來自 Library 的樣式及元件後，當有人發佈 Library 樣式及元件更新時，只要有套用該樣式、元件的設計文件都會收到通知，可點擊 Review 查看更新並同步，或是 Dismiss 忽略更新。

當套用的元件顯示更新 icon 時，也可以單擊該 icon 來進行元件的更新。

建立 Library 及 Local 的樣式、元件方法是一樣的，差別在於 Local 元件庫僅適用於當前文件，當你複製設計稿到新文件時，所有的樣式和元件並不會被複製，這些元件只會保留在原始文件中；當你使用 Library 的樣式、元件時，它允許在文件中重複使用及共享，因此通過 Library 的運用可以讓設計稿在拆分文件或是複製的過程中，依然保持與 Library 的連接，進而維持整體設計的一致性。