# “Symbols”進化為“Components”

在 Symbols和[嵌套性的](https://webflow.com/blog/nested-symbols-in-webflow)[內容覆蓋](https://webflow.com/blog/content-overrides-for-symbols)發布的基礎上，今天我們引入了一些功能和關鍵改進，並將“Symbols”發展為“ [Components](https://university.webflow.com/lesson/components) ”。此品牌重塑反映了此功能的新功能 - 並為未來投資可重用性、優化工作流程和額外控制奠定了基礎。

我們今天宣布的新功能和改進在兩個關鍵領域取得了進展：

1. **易於使用**，因此組件對您和您的團隊來說更加直觀和易於訪問。
2. **額外的功能**，讓您可以更靈活地自定義和重用組件，以適應項目中的不同設計場景。 

讓我們探討一下我們今天發布的內容如何屬於這兩個領域。

### 新的直觀控件

我們簡化了您在組件上創建和管理屬性的方式，以便您可以快速修改它們並繼續手頭的下一個任務。 

#### **一鍵定義可修改的屬性**

您可以直接在畫布上選擇組件中的元素，並定義可以修改的屬性，以使用獨特的內容自定義每個實例。

![一鍵定義可修改的屬性](https://i.imgur.com/QkuZR9b.gif)

一鍵定義可修改的屬性

#### **直接從畫布修改文本** 

我們還通過直接在畫布上編輯內容的能力，使 Components 對於網站貢獻者（如營銷人員和內容編輯）更加直觀。

![直接在畫布上修改文本](https://i.imgur.com/s1t27Gg.gif)

直接在畫布上修改文本

### 擴展組件的可能性

此外，我們還擴展了您可以在您的網站上使用組件的場景。

#### **在組件中顯示或隱藏元素**

借助可見性屬性，我們使組件更加靈活，能夠顯示和隱藏組件實例中的元素，以配置您可以想像的任何佈局變化。

![顯示或隱藏組件中的元素](https://i.imgur.com/JDXnQMn.gif)

在組件中顯示或隱藏元素

#### **在您的組件中顯示 CMS 數據**

在不同的 CMS 集合頁面中重複使用您的組件以保持一致的設計。只需將您的 CMS 數據連接到您的組件屬性。即將支持集合列表中的組件。

![在您的產品系列頁面模板上使用組件](https://i.imgur.com/vqe9Yp9.gif)

在您的收藏頁面模板上使用組件

### 我們才剛剛開始 

Components（藝術家以前稱為 Symbols）的這些新功能將使團隊能夠一起構建，同時在擴展站點時最大限度地減少設計不一致。當然，這只是第一步——我們已經著手開發一系列附加功能，重點關注如何更好地管理您的組件、將組件完全連接到您想要的集合字段，以及跨多個網站共享組件的能力. 

如果您想深入了解這些新功能的工作原理，請閱讀我們最新的[Webflow 大學文章](https://university.webflow.com/lesson/components)，了解最新和最精彩的內容。否則，請立即前往 Designer 進行試用。