figma-fix-variable-bindingslisted

Fix detached or missing variable bindings in Figma — typography (fontFamily, fontStyle, fontSize, fontWeight), padding/spacing (paddingTop/Right/Bottom/Left, itemSpacing, counterAxisSpacing), corner radii (cornerRadius, topLeftRadius, topRightRadius, bottomLeftRadius, bottomRightRadius), and colors (solid fills and strokes). Trigger when the user mentions detached styles, deleted variables, broken bindings, "Variable was deleted" warnings, wrong fonts, manual/hardcoded padding, unbound spacing, hardcoded corner radius / rounding, detached/hardcoded colors, unbound fills or strokes, broken color variables, or asks to audit/clean up/fix variables across a file or page. Covers the full scan → report → confirm → rebind workflow; read-only until the user approves the report. Trigger even if only one of typography/padding/roundings/colors is mentioned.
schudarin/chudarin-figma-skills · ★ 0 · AI & Automation · score 72

Install: claude install-skill schudarin/chudarin-figma-skills

# Figma Fix Variable Bindings **Required companions:** this skill writes through `use_figma`, so your tool's own Figma API instructions must be loaded first — the `figma-use` plugin skill in Claude Code, the MCP resource `skill://figma/figma-use/SKILL.md` elsewhere — plus `figma-plugin-api-rules` for the silent-failure patterns this workflow depends on (per-paint colour bindings, per-corner radii, read-back after every write). Figma nodes lose variable bindings when collections get orphaned, libraries update, or components migrate. This skill scans for broken/missing bindings on **typography** (text nodes), **padding/spacing** (auto-layout frames), **corner radii** (any node with radii), and **colors** (solid fills/strokes), then rebinds them to the correct library variables. ## How Bindings Work **Typography** (TEXT nodes): `fontFamily` (STRING), `fontStyle` (STRING, e.g. "Bold"), `fontSize` (FLOAT), `fontWeight` (FLOAT, e.g. 700), `lineHeight`, `letterSpacing`. **Padding** (auto-layout frames): `paddingTop`, `paddingRight`, `paddingBottom`, `paddingLeft`, `itemSpacing`, `counterAxisSpacing` — all FLOAT. **Roundings** (any node with corner radii): `cornerRadius`, `topLeftRadius`, `topRightRadius`, `bottomLeftRadius`, `bottomRightRadius` — all FLOAT. `cornerRadius` returns `figma.mixed` when corners differ; **don't treat this as a skip** — just bypass the aggregate property and let the four per-corner props be processed individually in the same walk. Mixed nodes still g