Variable Color Studio

About this plugin

Stop jumping between the Variables panel and your canvas.Variable Preview gives you a faster way to edit Color Variables with instant visual feedback.Simply select a Color Variable, adjust it using a familiar Figma-style color picker, and preview the result on every connected layer before applying the change.Whether the variable is used in text, components, buttons, icons, or backgrounds, you'll see exactly what changes before committing. Once you're happy, click Apply to update the original Variable and instantly sync every linked layer across your file.Key Features🎨 Edit Color Variables with a Figma-style color picker👀 Live preview while adjusting colors🧩 Preview text, components, fills, and other linked layers⚡ One-click apply to update the original Variable🔄 All Variable instances stay perfectly synchronizedBuilt for designers who work with Design Systems, UI Kits, and large-scale Figma files.