How do I install the Figma Variables Tokens Generator skill?

Run npx skillmds@latest add podo/figma-variables-tokens-generator in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Figma Variables Tokens Generator safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: makes network calls, reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Figma Variables Tokens Generator?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Figma Variables Tokens Generator free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Figma Variables Tokens Generator?

podo (@podo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Figma Variables Tokens Generator by podo

Name: Figma Variables Tokens Generator
Rating: 4.666666666666667 (3 reviews)
Author: podo

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.

podo Updated Sep 9, 2026

File contents

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/ for figma-variables-tokens-generator or 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 -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)

--- name: figma-variables-tokens-generator description: | 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. triggers: - "Figma variables" - "token generator" - "figma-variables-tokens" - "W3C token ZIP" - "Shanmus4" - "token collection tiers" das: type: package category: figma-code upstream: "https://github.com/Shanmus4/figma-variables-tokens-generator" version: latest install: false --- # figma-variables-tokens-generator > Catalogue stub — full package: [Shanmus4/figma-variables-tokens-generator](https://github.com/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 ```bash 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`)

Frequently asked questions