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:Select one or more frames or objects.Scan to analyze colors and find matching local variables.Convert all at once or individually by color groups.-------🔍 輕鬆將設計稿同步至設計系統 (Design System)!你的設計稿中是否充滿了手動填寫的 Hex 顏色,卻還沒綁定到 Variable?Variable Color Matcher 能幫你掃描選取的範圍,自動比對檔案中已建立的「變數 (Variables)」,並將相同顏色的物件一鍵轉換。支援「顏色群組化顯示」,讓你清晰掌握哪些顏色需要被處理。操作方式:選擇:選取想要檢查的 Frame、群組或多個物件。掃描:點擊「掃描顏色」,插件會自動比對畫布顏色與本地變數。轉換:點擊「全部轉換」一次搞定,或按顏色群組「單獨轉換」特定項目。

Plugin Details

Version3
CreatedDecember 29, 2025
Last UpdatedFebruary 25, 2026
CategoryFile organization plugins
CreatorEric Kuo
Stats9 installs, 3 likes
PricingFree

Technical Details

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