figma-import-tokenslisted

# figma-import-tokens — design tokens → Figma variables Create and update Figma variables from a token source (DTCG `tokens.json`, a Tailwind/SCSS export, or a plain token object). Aliases and multi-mode values are supported. Re-running is safe: variables are matched by saved Figma id → key → exact name, so an update edits in place rather than duplicating. ## Skill boundaries - **`use_figma` rules** — load the official **`figma-use`** skill first; it is the full Figma Plugin API reference. Essentials these scripts rely on: plain JS with top-level `await` + `return` (no IIFE, no `figma.closePlugin()`; `console.log` is not returned), inputs inlined as `const` at the top of each script, colors in 0–1 range, load fonts before any text op, `await figma.getNodeByIdAsync(...)`, and **atomic errors** (a failed script applies nothing — read the error, fix, retry). - Reverse direction (Figma → code) → `figma-export-tokens`. ## Workflow 1. **Parse the source into the canonical token list — deterministically.** For **DTCG** input (incl. anything `figma-export-tokens` produced), run the bundled parser instead of flattening by hand: ```bash node scripts/parse-tokens.mjs tokens.tokens.json --default-mode Light --collection Brand # --strip-prefix "ds-" drops a leading name prefix on import (e.g. ds-color/x → color/x) ``` It prints the exact `COLLECTION_NAME` / `MODES` / `TOKENS` constants to paste into the apply script — handling `$type`→Figma type, `{ref}` aliases