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)