Variable Binder

About this plugin

Variable BinderAudit your design. Bind every variable.Variable Binder scans your Figma selection and surfaces every property that still uses a raw value instead of a variable — colors, spacing, corner radius, typography, opacity, and more. Find what's unbound, get smart suggestions, and bind everything in one click.How it worksSelect any frame, component, or group and hit Scan. Variable Binder walks your entire layer tree and flags every unbound property. For each one, it automatically suggests the closest matching variable from your local library — color distance matching for fills and strokes, exact value matching for numbers. Review, pick, and apply all changes at once.FeaturesSmart variable suggestions. No more scrolling through your variable library. Every unbound property shows ranked suggestions based on the closest match to the raw value.Watch Filter. Choose which properties trigger warnings. Fill, stroke, spacing, corner radius, typography, opacity — enable only what matters to your workflow. Turn on "Hide unwatched properties" to remove all the noise and focus on what needs attention.Custom Rules. Enforce your design system standards layer by layer. Create rules that require specific variables on layers matched by name. Import rules directly from your current Figma selection — no manual setup needed. Violations appear as red alerts, separate from general warnings.Presets. Save your rules and filters as named Presets. Switch between them instantly and share them with your team via JSON export — perfect for teams working across multiple projects or design systems.Layer hierarchy view. Navigate your entire selection as a tree. Each layer shows a warning count at a glance so you can triage what needs attention first.Who is this for?Designers migrating legacy files to a variable-based design systemDesign system leads enforcing variable usage across their teamAnyone who wants to ship Figma files that are fully bound to variables before handoff