Library variables figma

Skill southleft/skills-for-figma/skills/library-variables-figma

Discover and import design tokens from SUBSCRIBED Figma team libraries into the current file. Use when the user wants to reuse tokens that live in a shared library: triggers 'list library variables', 'what tokens are in our shared library', 'import a variable from our design system library', 'pull in the brand color token from the library'. Works on ANY plan via the Plugin API teamLibrary methods. For LOCAL variables use export-tokens-figma / manage-variables-figma.From its SKILL.md

Install

npx -y skills add southleft/skills-for-figma --skill library-variables-figma

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

12 stars12 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

2.4 KB, 481 tokens by cl100k_base, as published. Nobody here has run it

library-variables-figma — discover & import team-library variables

Browse the variables published by libraries the current file subscribes to, then import the ones you need. Imported variables get a local id that behaves like any local variable (bind it, read it, reference it).

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).
Local (non-library) variables → export-tokens-figma, manage-variables-figma.

Workflow

Discover. Run scripts/list-library-variables.js via use_figma (skillNames: "library-variables-figma"). Optionally set the LIBRARY_NAME / COLLECTION_NAME / TYPE filters. It returns each subscribed collection and the key of every variable in it.
Import. Put the variable key(s) into scripts/import-library-variable.js and run it. It returns the new localId for each. Re-importing is idempotent (same local id).
Use. Bind the imported variable to node properties or reference it from local semantic tokens (see figma-use / manage-variables-figma for binding).

Notes

Only subscribed libraries appear. If a collection is missing, enable the library in the file's library settings first (a manual Figma step).
getVariablesInLibraryCollectionAsync takes the collection key, not its id.
Library variables are read-only references to the source — edit values in the library file, not here.

What ships with it: 2 files

3.1 KB alongside SKILL.md, 2 of them executable

scripts/

import-library-variable.jsruns924 B
list-library-variables.jsruns2.2 KB

Gives 0 of the 12 instructions most images graphics skills give in 481 tokens

Counted across 341 of the 354 authors here whose files we hold, read 2026-09-06

Generate images via gemini_generate_imagein 14 of 341, across 10 files
Set the aspect ratio via set_aspect_ratioin 14 of 341, across 10 files
Verify MCP image tools are available before generatingin 13 of 341, across 9 files
Show estimated cost before generatingin 13 of 341, across 9 files
Run the post-generation SEO checklistin 13 of 341, across 9 files
Structure prompts as subject, setting, style, lighting, compositionin 10 of 341, across 5 files
Infer the brand strategy before generatingin 9 of 341, across 5 files
Use at most two logo concept methodsin 9 of 341, across 5 files
Use one dominant palette with repeating accentsin 9 of 341, across 5 files
Extract fileKey and nodeId from the Figma URLin 9 of 341
Read product marketing context before asking questionsin 8 of 341, across 3 files
Keep the logo simple, symbolic, and ownablein 8 of 341, across 4 files

Said here and by no other author read

Inline script inputs as constants at the top
Narrow discovery with library, collection, or type filters
Put variable keys into import-library-variable.js and run it
Bind imported variables to node properties
Write scripts with top-level await
await getNodeByIdAsync when fetching nodes

Grouped from the skills themselves: near-identical wordings counted once, and counted by distinct author, so one author publishing three of these counts once. Length counted with cl100k_base; the agent that loads this file may tokenize it differently.