元件視圖

元件視圖 讓您快速輕鬆地在文件中建立、管理、搜尋和尋找本機符號、文字樣式、圖層樣式和顏色變數。

存取元件視圖

要存取元件視圖 ，請按一下工具列左側的「**元件**」標籤頁（您也可以使用 ⌃1 和 ⌃2 分別在畫布視圖和元件視圖之間切換）。

工具列中央的按鈕可在四種類型的元件之間篩選視圖：符號、文字樣式、圖層樣式和顏色變數。

在元件視圖中工作

1. **切換視圖。** 透過切換工具列左側的兩個標籤頁，在畫布和元件視圖之間切換。或者使用 ⌃1 和 ⌃2。
2. 複製 或新增 （取決於所選的篩選器）。若要新增文字樣式、圖層樣式、色彩變數或畫板範本，請按一下 工具列項目。您也可以使用工具列中的複製圖示 來複製符號。
3. 篩選元件。 預設情況下，我們會顯示文件中的所有符號，但您可以使用工具列控制項在符號、圖層樣式、文字樣式、色彩變數和畫板範本之間切換。
4. 搜尋 。 使用索引標籤在元件類型之間篩選，然後搜尋元件的名稱。
5. 脈絡選單。按住 Control 鍵並按一下元件縮圖即可插入、重新命名、群組、複製、刪除或複製其 CSS 屬性。使用插入功能將所選元件的副本新增到畫布。插入元件時，Mac 應用程式會切換到畫布視圖，以便您將元件放入設計中。
6. 在檢查器中編輯。 您可以使用檢查器編輯、重新命名或刪除任何符號、圖層樣式、文字樣式、色彩變數或畫板範本。只需選取一個元件並進行更改即可。

此視圖旨在整理，因此它只會顯示您開啟的文件中的區域元件。即使您在文件中使用了來自素材庫的元件，它也不會顯示這些元件。您需要開啟原始素材庫 Sketch 檔案才能管理該素材庫的元件。

如何使用元件視圖新增元件

您可以從元件視圖快速新增文字和圖層樣式、色彩變數和畫板範本。雖然新增不同類型元件的過程相當類似，但請查看每個元件指南以了解如何新增。

• 如何新增文字樣式
• 如何新增圖層樣式
• 如何新增色彩變數
• 如何新增畫板範本

雖然您無法在元件視圖 中新增符號 ，但您可以複製它。按一下檢查器中的**編輯符號來源**即可在符號頁面上進行編輯。

整理元件

元件視圖讓您可以輕鬆整理和管理元件。

您可以選取多個元件，然後使用 ⌃G 將它們群組，或按住 Control 鍵並按一下所選內容，然後選擇**群組 **。您也可以將元件拖放到左側邊欄中的現有群組中。若要重新命名群組，請在左側邊欄中連按兩下群組名稱。若要重新命名單一元件，請按一下它，然後使用檢查器中的名稱欄位重新命名它。

展開和收合群組

您可以快速收合所有已開啟的群組，方法是選擇「**顯示(顬示) > 側邊欄(側邊條) > 收合所有群組(收合所有群組)**」。若要更精細地控制，您可以按住 ⌥ 鍵，同時點擊群組名稱旁的 раскрытие 箭頭 以展開和收合 該群組內的所有內容（包括子群組）。

預設情況下，所有群組都會展開，但您可以透過選擇「**顯示(顬示) > 側邊欄(側邊條)**」並切換「**自動展開群組(自動展開群組)**」項目來更改此設定。*注意：這些選項僅適用於圖層列表中的項目。*