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-generatorIs 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
-
Is the skill already installed? Check
~/.design-agent-skills/skills/forfigma-variables-tokens-generatoror related directories.- Yes → invoke and proceed
- No → go to step 2
-
Shell access? Yes → install below. No → show user the command (Claude Code: send with
!as a chat message — add-gfor 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)
How can the creator link this skill?
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>