Variables Editor

Variables Editor — edit your variables without leaving the canvas. Select any node and the panel shows every variable bound to it, ready to change. No more digging through Figma's native variables modal to find and update a single value.

Why teams use Variables Editor:• Skip the native modal — change a variable's value right from your selection. Every binding shows up in a single inline panel, so you stop hunting through collections to find the one you need.• Comfortable multi-line text editor — spacious inputs with full line-break support, ideal for paragraph-length string variables. Far more flexible than Figma's native single-line controls.• Inspector-by-selection — the panel updates as you select frames, components or text. Colors, strings, numbers, booleans — all grouped by collection.• Edit in place + Batch Apply — review your edits before pushing them to every bound node at once. No surprise mass-changes.• Reference-aware editing — when a variable aliases another, edits follow the chain correctly without breaking the link.• Variable CRUD — create, duplicate and delete variables right from the inspector.• Inline rename — click any variable name and rename it on the spot, no separate dialog.• Recursive scan — surface variables nested inside frames, components and instances.• Collection filter — narrow the inspector to one collection at a time, with tooltips for long names.• Type tabs + count pills — switch between string / number / boolean / color and see at a glance how many of each are bound.• Resizable panel with size memory — drag any edge or corner; size persists between sessions.• Mode-aware UI — single-mode collections hide the redundant label; multi-mode collections show all modes side-by-side.• Native-feel design — Figma-aligned chrome, fonts and modal styling.• Offline indicator — clear footer state when the network drops.

Free for first 10 Apply, then €49 lifetime — one-time, no subscription.