Back to Plugins
Variable Color Matcher 顏色轉變數

Variable Color Matcher 顏色轉變數

Batch convert hex colors to local variables in seconds. 快速將 Hex 顏色批量轉換為變數。

Plugin Preview

Variable Color Matcher 顏色轉變數 preview

About this plugin

Effortlessly sync your design with your Design System!


Does your design file have many hard-coded Hex colors that should be linked to Variables? Variable Color Matcher helps you scan your frames and automatically match them with your Variables. It supports group-based conversion to give you full control over your design cleanup.


How to use:

  1. Select one or more frames or objects.
  2. Scan to analyze colors and find matching local variables.
  3. Convert all at once or individually by color groups.

-------

輕鬆將設計稿同步至設計系統 (Design System)!


你的設計稿中是否充滿了手動填寫的 Hex 顏色,卻還沒綁定到 Variable?Variable Color Matcher 能幫你掃描選取的範圍,自動比對檔案中已建立的「變數 (Variables)」,並將相同顏色的物件一鍵轉換。


支援「顏色群組化顯示」,讓你清晰掌握哪些顏色需要被處理。


操作方式:

  1. 選擇:選取想要檢查的 Frame、群組或多個物件。
  2. 掃描:點擊「掃描顏色」,插件會自動比對畫布顏色與本地變數。
  3. 轉換:點擊「全部轉換」一次搞定,或按顏色群組「單獨轉換」特定項目。

Plugin Details

Version2
CreatedDecember 29, 2025
Last UpdatedDecember 29, 2025
CategoryFile organization plugins
CreatorEric Kuo
Stats6 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none