Color Variable Replacer

About this plugin

[日本語訳は後述]

Color Variable Replacer

Overview

A Figma plugin that allows you to batch replace color variables. Efficiently update design systems and change color palettes.

Key Features

🔄 Batch Variable Replacement

Replace used color variables with other variables in bulk

Supports both Fill and Stroke bindings

Target current page/selection or all pages

📋 Variable Management

Automatically lists all used variables

Visual color preview for each variable

Shows usage locations and count

🔍 Search & Sort

Search by variable name or node name

Sort by usage count or name

🎯 Navigation

Click usage locations to jump to nodes

Progress bar for large operations

How to Use

1. Launch the plugin
2. Select scope (Current Page/Selection or All Pages)
3. Choose new variables from dropdowns for variables you want to replace
4. Click "Replace"

Perfect for

1. Brand color updates
2. Color token consolidation
3. Design system maintenance
4. Duplicate color variable cleanup

概要

Figmaのカラー変数を一括で置き換えるプラグインです。デザインシステムの更新やカラーパレットの変更を効率的に行えます。

主な機能

🔄 変数の一括置換

使用中のカラー変数を別の変数に一括置換

Fill（塗り）とStroke（線）の両方に対応

現在のページまたは全ページを対象に選択可能

📋 変数の管理

使用中の変数を自動で一覧表示

カラープレビューで色を視覚的に確認

使用箇所と使用回数を表示

🔍 検索・ソート機能

変数名やノード名で検索

使用回数や名前で並び替え

🎯 ナビゲーション

使用箇所をクリックして該当ノードに移動

大量処理時はプログレスバー表示

使い方

1. プラグインを起動
2. 対象を選択（現在のページ or 全ページ）
3. 置換したい変数のドロップダウンから新しい変数を選択
4. 「Replace」をクリック

こんな時に便利

1. ブランドカラーの変更
2. カラートークンの統合
3. デザインシステムの更新
4. 重複カラー変数の整理