bindy — Generate & Bind Figma Variables Automatically

bindy transforms static Figma layouts into dynamic, variable-driven design systems.

It scans any selected frame or component, detects design properties — fills, strokes, spacing, radius, and auto layout values — and instantly generates Figma Variables bound directly to your layers.

Each variable follows a clear, consistent naming pattern based on your component or frame hierarchy (for example: footer/button-color or footer/button-radius).

Use casesConvert legacy files into variable-based systemsAuto-generate and bind tokens to layers in one clickDetect and map existing variable aliases across collectionsMaintain consistent naming across componentsOrganize variables per collection or brandPrepare files for developer handoffKey featuresSmart property detection (Color, Number, Boolean, String)Automatic variable creation and bindingAlias detection — see which layers already reference variables and map them to a target collectionLayers view — inspect tokens grouped by layer hierarchyVariables view — flat list of all detected variables with type indicatorsCustom collection naming with dropdown selectorBulk rename — prefix, suffix, find & replace, smart presets from your token namesAuto layout support (padding, gap, border radius)Automatic collection update — no duplicatesHistory tab — track every sync session with full variable logLight & dark theme supportbindy — make your design variable-aware.