Back to Plugins
Spacing Finder

Spacing Finder

Auto-bind hardcoded spacing to your design token variables.

Plugin Preview

Spacing Finder preview

About this plugin

Spacing Variable Binder scans your page for auto-layout frames with hardcoded spacing values (padding, gap, item spacing) and automatically binds them to the closest matching variable from your design system.


How it works:

  1. Detects all local spacing variables in your file
  2. Walks every auto-layout frame on the current page
  3. Uses smart half-gap matching to confidently snap values to the nearest variable
  4. Auto-fixes clear matches, then shows ambiguous midpoint values for you to decide
  5. Skips values already bound to a variable


Features:

  1. Works with any variable naming convention
  2. Configurable keyword filter to target specific variable collections
  3. Dry Run mode to preview changes before applying
  4. Detailed log of every fix with snap distance shown
  5. Decision UI for ambiguous values sitting between two variables


Why use it:

Stop manually rebinding spacing one frame at a time. Run the plugin once and get every hardcoded value matched to your tokens in seconds. Perfect for cleaning up files before dev handoff.

Plugin Details

Version1
CreatedFebruary 17, 2026
Last UpdatedFebruary 17, 2026
CategoryFile organization plugins
CreatorTom Rantala
Stats1 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none