Back to Plugins
Color Variable Replacer

Color Variable Replacer

Easily replace color variables in Figma fills and strokes with batch replacement functionality.

Plugin Preview

Color Variable Replacer preview

About this plugin

[日本語訳は後述]Color Variable ReplacerOverviewA Figma plugin that allows you to batch replace color variables. Efficiently update design systems and change color palettes.Key Features🔄 Batch Variable ReplacementReplace used color variables with other variables in bulkSupports both Fill and Stroke bindingsTarget current page/selection or all pages📋 Variable ManagementAutomatically lists all used variablesVisual color preview for each variableShows usage locations and count🔍 Search & SortSearch by variable name or node nameSort by usage count or name🎯 NavigationClick usage locations to jump to nodesProgress bar for large operationsHow to UseLaunch the pluginSelect scope (Current Page/Selection or All Pages)Choose new variables from dropdowns for variables you want to replaceClick "Replace"Perfect forBrand color updatesColor token consolidationDesign system maintenanceDuplicate color variable cleanup概要Figmaのカラー変数を一括で置き換えるプラグインです。デザインシステムの更新やカラーパレットの変更を効率的に行えます。主な機能🔄 変数の一括置換使用中のカラー変数を別の変数に一括置換Fill(塗り)とStroke(線)の両方に対応現在のページまたは全ページを対象に選択可能📋 変数の管理使用中の変数を自動で一覧表示カラープレビューで色を視覚的に確認使用箇所と使用回数を表示🔍 検索・ソート機能変数名やノード名で検索使用回数や名前で並び替え🎯 ナビゲーション使用箇所をクリックして該当ノードに移動大量処理時はプログレスバー表示使い方プラグインを起動対象を選択(現在のページ or 全ページ)置換したい変数のドロップダウンから新しい変数を選択「Replace」をクリックこんな時に便利ブランドカラーの変更カラートークンの統合デザインシステムの更新重複カラー変数の整理

Plugin Details

Version7
CreatedAugust 7, 2025
Last UpdatedAugust 19, 2025
CategoryFile organization plugins
CreatorTakahiro Hayashi
Stats18 installs, 4 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • none