# 用變數編寫您的設計系統

變數可讓您儲存值（包括顏色、大小和版式），以便可以大規模重複使用和修改它們。 

從新的變數面板集中管理您的設計令牌，您可以在其中用變數替換硬編碼值，然後在設計器中利用該變數。 

![](https://i.imgur.com/rcnInbJ.jpg)

截至今天，我們正在逐步取消對顏色樣本的支持，我們已將其無縫遷移到變數。變數可以完成色樣所做的所有事情，包括一些額外的好處： 

* 它們現在在變數面板中集中管理 
* 它們將色樣的優點應用到其他值上—例如大小和字體 
* 它們是可擴展的——顏色樣本是特定於 Webflow 的，而變數是行業標準，並且透過我們的 API 與 CSS 變數和 Figma 中的變數相容

**簡化您的工作流程** 

使用變量，您可以建立預先審查的值清單以在設計器中進行選擇，這樣您就可以專注於建立和設計，而不是引用樣式表。變數還使徹底的更改變得更加簡單 - 無論是在創紀錄的時間內完成品牌重塑，還是在專案開始時加快迭代周期，您都將能夠以不那麼繁瑣的工作專注於重要的事情。 

**堅持品牌** 

變數與 Webflow 中的樣式一起工作，例如現有的類別、標籤和元件。借助變量，您現在可以透過程式設計方式對最基本的值進行大規模更改，並且這些值可以充當跨不同類別和元件的連接線程。 

**擴大影響力** 

Webflow 生態系統中的創建者現在可以利用變數來編寫框架並建立更複雜的模板或可複製物件。透過變數，您可以有效地重新利用現有網站並對其進行修改以滿足特定品牌或用例的需求。  

要了解更多信息，請閱讀我們的[Webflow 大學課程](https://university.webflow.com/lesson/variables)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tenten.co/docs-webflow/webflow-101/changelog/2023/yong-bian-shu-bian-xie-nin-de-she-ji-xi-tong.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.