figma-library-variables
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 figma-export-tokens / figma-manage-variables.
Works with
--- name: figma-library-variables description: 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 figma-export-tokens / figma-manage-variables. license: MIT --- # figma-library-variables — 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 → `figma-export-tokens`, `figma-manage-variables`. ## Workflow 1. **Discover.** Run [`scripts/list-library-variables.js`](scripts/list-library-variables.js) via `use_figma` (`skillNames: "figma-library-variables"`). Optionally set the `LIBRARY_NAME` / `COLLECTION_NAME` / `TYPE` filters. It returns each subscribed collection and the `key` of every variable in it. 2. **Import.** Put the variable `key`(s) into [`scripts/import-library-variable.js`](scripts/import-library-variable.js) and run it. It returns the new `localId` for each. Re-importing is idempotent (same local id). 3. **Use.** Bind the imported variable to node properties or reference it from local semantic tokens (see `figma-use` / `figma-manage-variables` 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.
More Accessibility skills
ui-ux-pro-max
nextlevelbuilder/ui-ux-pro-max-skill
UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.
hyperframes-core
heygen-com/hyperframes
The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Also covers Tailwind projects and the STORYBOARD.md / SCRIPT.md plan formats. Read before writing composition HTML.
web-design-guidelines
vercel-labs/agent-skills
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

