bindy — Generate & Bind Figma Variables Automatically

About this plugin

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.

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

bindy doesn’t just create variables — it binds them back to your layers automatically, keeping your design perfectly in sync with your tokens.

When your system grows, bindy helps keep it clean. Bulk-rename variables for better structure, and define a custom collection name to match your brand or design system architecture.

⸻

🧠 Use cases

• Convert legacy files into variable-based systems

• Auto-generate and bind tokens to layers

• Maintain consistent naming across components

• Organize variables per collection or brand

• Prepare files for developer handoff

⸻

⚙️ Key features

• Smart property detection (Color, Number, Boolean, String)

• Automatic variable creation and binding

• Custom collection naming

• Bulk rename for variable cleanup

• Auto layout support (padding, gap)

• Automatic collection update (no duplicates)

⸻

🚧 Coming soon

We’re working on bindy Pro — adding support for aliases, modes, and token export (JSON / Style Dictionary).

All current features will remain free.

⸻

bindy — make your design variable-aware.