Figma Config 2023 的更新，新增很多促進設計與開發團隊協作的更新，其中推出變數的功能，同樣也在公開測試的階段中！

Variables 變數功能可儲存重複使用的值，應用在屬性和原型設計。
目的在於管理設計系統或呈現複雜的原型時，能節省時間增加效率！

大致介紹主要有以下四種類型的變量，可以應用於特定的屬性和元素。

## 變量類型


**1. Color**
- Fill colors 色塊顏色
- Stroke colors 線框顏色

**2. Number**
- Text layers 文字層數值
- Corner radius 圓角數值
- Minimum and maximum width/height 寬高度的最大最小數值
- Padding and gap between 物體自身或複數物體的間距數值

**3. String**
- Text layers 文字層
- Variant instances 變體實例

**5. Boolean**
- Layer visibility 圖層顯示隱藏
- Variant instances with true/false values 變體實例的布林值

## 可使用變量元素組合模式的幾種方法


- 不同的顏色主題切換，如淺色和深色模式
- 不同的語言切換，以查看設計中的文字如何流動
- 裝置設備尺寸，查看元素在不同間距和填充下的效果

雖然距離這次更新有段時間了，但在這邊推薦大家可以去看看 Sam Gordashko 根據設計師經常遇到的問題，為Design System University community 收集了有關變量和高級原型設計的資源

[Figma Variables - 50+ 學習資源](https://www.figma.com/community/file/1262788962545819549)

***另可以參考以下教學資源***

- [Figma 官方教學文件](https://help.figma.com/hc/en-us/articles/14506821864087)
- [Figma tutorial: Intro to variables](https://www.youtube.com/watch?v=1ONxxlJnvdM)

<p style="text-align:center">--End--</p>

{%hackmd H18MwJyDTk-tZXoBgxht0Q %}