skillZs
★ LIVE SKILL TAGS ★
>>> LIVE SKILLS INDEX <<<
* OPEN SOURCE *
NO LOGIN, NO TRACKING
※ REAL INSTALL DATA ※
← back to all skills
podo/design-agent-skills138 installs

figma-variables-tokens-generator

Guides creation of a W3C-compliant token system via questionnaire, generates a structured ZIP of JSON token files organized by collection tier (Primitives, Semantic, Component), plus a Figma plugin that imports them maintaining dependency order.

How do I install this agent skill?

npx skills add https://github.com/podo/design-agent-skills --skill figma-variables-tokens-generator
view source ↗

Is this agent skill safe to install?

  • Gen Agent Trust Hubwarn

    The skill installs code from an unverified third-party GitHub repository and encourages the use of shell execution commands to install additional components.

  • Socketwarn

    1 alert: gptAnomaly

  • Snykwarn

    Risk: MEDIUM · 1 issue

What does this agent skill do?

figma-variables-tokens-generator

Catalogue stub — full package: Shanmus4/figma-variables-tokens-generator

Decision tree

  1. Is the skill already installed? Check ~/.design-agent-skills/skills/ for figma-variables-tokens-generator or related directories.

    • Yes → invoke and proceed
    • No → go to step 2
  2. Shell access? Yes → install below. No → show user the command (Claude Code: send with ! as a chat message — add -g for global or omit for project-only).

Install command

npx skills add Shanmus4/figma-variables-tokens-generator

Invoke after install

  • Skill name: figma-variables-tokens-generator
  • Triggers: "Figma variables", "token generator", "W3C token ZIP", "Shanmus4"

What it does

Runs a structured questionnaire to understand your design system needs, then generates a W3C Design Token Community Group (DTCG) compliant ZIP archive. The ZIP contains JSON token files organized into collection tiers: Primitives (raw values), Semantic (contextual aliases), and Component (component-specific tokens). Also provides a companion Figma plugin that imports these JSON files into Figma Variables, respecting dependency order across tiers.

When NOT to use

  • Code-side token management and pipelines — use design-tokens-skill
  • Existing design systems not based in Figma
  • Figma design operations unrelated to tokens — use the Figma MCP (figma-official-skills)

Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.

<a href="https://skillzs.dev/skills/podo/design-agent-skills/figma-variables-tokens-generator">View figma-variables-tokens-generator on skillZs</a>