# 新變數類型：數字和百分比 (11-20-2024)

一套全面的設計令牌（或 Webflow 變數）是大規模設計的關鍵。定義和共享變數使您的整個團隊能夠設計和建立一致的版式、尺寸、效果和其他細節。為了更廣泛的設計系統覆蓋範圍，您現在可以將無單位數字和百分比保存到變數中！

<figure><img src="https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/673be47f9bc593837beeeda8_673be3c8eeb916a51a95e220_number-percentage-vars-update.jpeg" alt="變數面板顯示帶有數字和百分比值的新變量，即 1.2、400、10% 和 50%"><figcaption></figcaption></figure>

### 使用數字變數解鎖更多印刷細節

新的**數字**類型使您能夠在變數中儲存無單位數字：在網站上或在共用庫中。這些對於印刷值特別有用。例如，假設您網站的正文應始終配置如下：

* **字體粗細：** 400
* **字體大小：** 1rem
* **線高：** 1.4
* **字型系列：** Inter

現在您可以將字體粗細和無單位行高儲存為數字變數。使用**Size**變數類型作為字體大小，使用**Font**類型作為字體系列名稱。您可以：

* 從“變數”面板建立數字變量，並將它們連結到“樣式”面板中的樣式屬性，或者
* 在支援的 Style 屬性中鍵入無單位數字，然後直接從該屬性建立新變數。

#### 在哪裡使用數字變數

新的數字變數類型可以連結到以下任何樣式：

* Flex 子屬性 — 成長與縮小
* 位置 — z 索引。此樣式屬性僅採用整數值。
* 版式 — 字體粗細、行高、變體（對於可變字體）。字體粗細僅採用 1-1000 之間的整數值。除非您使用可變字體，否則該值通常是 100 的倍數，例如 400 或 600。
* 效果——不透明度

### 具有新百分比變數的更靈活的設計系統

新的百分比變數類型可以在“樣式”面板接受百分比作為單位的任何地方使用，這是相當多的屬性！這些包括：

* 佈局——間隙大小
* Flex 子屬性 — 基礎
* 間距 - 邊距與填充：上、下、左、右
* Size — 高度和寬度尺寸（包括最小和最大）
* 位置——上、下、左、右
* 版式 — 字體大小、行高、文字縮排、列間距
* Borders — 邊界半徑
* 效果 - 不透明度、各種濾鏡和背景濾鏡：模糊、亮度、對比、飽和度、灰階、反轉、棕褐色、平移

特別好的應用包括尺寸，例如寬度和高度；影響；和邊界半徑。

與新的數字類型一樣，無論您在何處輸入百分比值，都可以從「變數」面板或直接在「樣式」面板中建立百分比變數。

### 嘗試新類型

今天前往變數面板嘗試新的數字和百分比類型。您可以[在幫助中心了解更多有關使用變數的資訊](https://help.webflow.com/hc/en-us/articles/33961268146323-Variables)。我們希望這些新的變數類型有助於提高 Webflow 中設計系統的效率、一致性和治理。