透過色彩變數，您可以設定在整個文件中同步的顏色和漸層。當您變更色彩變數時，這些變更會顯示在使用它的所有圖層上。您可以建立特定文件專屬的色彩變數，或將它們儲存在元件庫中以在其他設計中使用。
- 色彩變數
可以加快您的工作流程並保持設計井然有序。 - 它們會在您的文件中同步。當您變更色彩變數時，它會更新任何使用它的圖層。
- 任何現有的全域色彩預設值現在都是色彩變數，並位於它們自己的本地元件庫中。
- 您可以將色彩變數匯出為 色彩代碼 或從網頁應用程式檢查器中 複製其個別值。
我們還在 網頁應用程式檢查器中新增了對色彩變數的支援，使其非常適合交接。
建立色彩變數
您可以從「檢查器」、「元件檢視」或「尋找和替換」選單中建立新的色彩變數。
從「檢查器」建立色彩變數
選取任何圖層，並在「檢查器」中點擊其任一風格屬性的色票。選擇您想使用的純色 
，然後點擊「建立色彩變數」。為其命名，然後點擊「建立」或按下 ↵ 即可儲存。您也可以使用滴管工具 
，從您的顯示器（Mac 應用程式內部或外部）建立色彩變數。
從「元件檢視」建立色彩變數
切換到「元件檢視」
，點擊工具列中的「色彩」標籤 ，然後點擊 
或「建立色彩變數」按鈕。使用「檢查器」選取您想要的顏色，並為您的色彩變數命名。點擊「預覽網格」中的任意位置即可儲存。
整理色彩變數
將色彩變數分組
若要將色彩變數分組，請切換到「元件檢視」，前往「色彩」標籤，按住 ⇧ 並選擇您想分組的色彩變數。按住 Control 鍵並點擊您的選取範圍，然後選擇「群組」。接著，您可以雙擊左側邊欄中群組的標題 
，並根據您的喜好重新命名。您也可以將色彩變數拖曳到左側邊欄 
中的現有群組。
如同符號或文字樣式，您也可以在色彩變數的名稱中使用 / 來將其分組。/ 之前的任何內容都將成為群組名稱，而之後的任何內容都將成為該群組中元件的名稱。例如，「主要顏色/淺色」和「主要顏色/深色」將成為名為「主要顏色」群組的一部分。
在「元件檢視」中整理色彩變數
色彩變數和群組將會依照字母順序自動排列。您可以在色彩變數前面加上數字，讓它們以最適合您的順序顯示。
套用色彩變數
從「檢查器」套用色彩變數
您可以透過兩種方式從「檢查器」套用色彩變數。在這兩種情況下，您都需要選取要套用色彩變數的圖層。在任何風格屬性的色票中，您都可以從網格中選取所需的色彩變數。您可以在該文件或您已啟用的任何素材庫的色彩變數之間切換。您也可以點擊色票圖示 
來套用色彩變數，該圖示位於色票旁邊。
**注意：**當您使用色彩變數作為文字圖層的顏色，然後在同一個文件中建立新的文字圖層時，您的新文字圖層也會使用該色彩變數。
從「插入」視窗套用色彩變數
選擇「視窗 > 元件」以開啟「插入」視窗，或使用鍵盤上的快捷鍵 C。點擊左上方側邊欄中的「色彩 」標籤，然後將您想要的色票拖放到您想套用它的圖層上。您也可以將色彩變數放到「檢查器」中「填滿」面板的任何色票上。
從「尋找與取代」選單套用色彩變數
在「尋找與取代」選單中，點擊「取代為」旁的顏色方塊，並選擇您要套用的顏色變數。點擊任何位置以關閉顏色選擇器，然後按下「取代」以更新顏色。
編輯顏色變數
您可以從檢查器、元件檢視或尋找與取代選單編輯顏色變數。
您可以按住 Control 鍵並點擊任何顏色變數，然後選擇將其 HEX、RGB、HSL、Objective-C 或 Swift 程式碼顏色值複製到剪貼簿。
從檢查器編輯顏色變數
選擇任何圖層，然後點擊檢查器中的顏色方塊。點擊「編輯變數」，然後選擇新的顏色。選擇「更新」以儲存。請記住，您只能編輯文件中的區域顏色變數。如果您要編輯來自資料庫的顏色變數，則必須在其資料庫文件中編輯它們。
從元件檢視編輯顏色變數
切換到元件檢視 ，然後點擊「顏色 」標籤。點擊您要編輯的色票，然後使用檢查器選擇新的顏色。變更將會自動預覽並儲存。
重新命名顏色變數
要重新命名顏色變數，請切換到元件檢視，然後點擊「顏色」標籤。接著，選擇您要重新命名的色票。在檢查器的「名稱」區段下，輸入新的名稱。您的變更將會自動儲存。您也可以按住 Control 鍵並點擊色票，然後選擇「重新命名」。
刪除顏色變數
要刪除顏色變數，請切換到元件檢視，然後點擊「顏色 」標籤。選擇您要刪除的顏色變數的色票，然後按下倒退鍵。您也可以按住 Control 鍵並點擊色票，然後選擇「刪除」。
分離顏色變數
您可能想要變更使用顏色變數的單一圖層的顏色，而不更新顏色變數本身。在這種情況下，您需要先分離該顏色變數。
要從檢查器分離顏色變數，請選擇您要從中分離顏色變數的圖層，點擊檢查器中「樣式」選單的顏色方塊，然後點擊「分離變數」。
尋找並取代特定顏色或顏色變數
選擇「編輯 > 尋找並取代顏色…」（或按下 ⌘⌥F）以顯示「尋找並取代顏色」選單。從那裡，選擇您要在設計中尋找的顏色或顏色變數，以及您要用來取代它的顏色或顏色變數。
啟用「包含此顏色的所有不透明度」以尋找所有具有不同 Alpha 值但相同 RGB 或 HEX 值的顏色。
啟用「保留原始不透明度」以在取代顏色時保持這些不同的 Alpha 值不變。
注意：我們已發佈顏色變數遷移器外掛程式，可輕鬆地將顏色變數套用到舊文件中圖層和樣式。
在開發人員交接中使用顏色變數
色彩變數對於在設計和代碼項目之間保持色彩一致性非常有用。您可以將色彩變數下載為色彩代碼、CSS 變數或 JSON 格式，甚至可以生成一個動態更新最新值的 URL。您也可以從網頁應用程式檢查器複製個別色彩變數的值。
