关于 figma-variables-tokens-generator
figma-variables-tokens-generator 通过结构化问卷生成设计令牌 ZIP 包，内含符合 DTCG 的分层 JSON 文件，并提供配套插件将其导入 Figma Variables。
主要功能
- 01通过问卷生成令牌
- 02符合 DTCG 的 JSON 文件
- 03原始、语义和组件分层
- 04生成 ZIP 压缩包
- 05配套的 Figma 导入插件
适用场景
- 01为设计系统创建令牌集
- 02按层级组织令牌集合
- 03将生成的 JSON 导入 Figma Variables
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/figma-variables-tokens-generator确认已加载。
附带文件stub.yaml
详细介绍
figma-variables-tokens-generator
目录条目 — 完整包：Shanmus4/figma-variables-tokens-generator
决策树
-
是否已安装该技能？ 检查
~/.design-agent-skills/skills/中是否存在figma-variables-tokens-generator或相关目录。- 是 → 调用并继续
- 否 → 前往第 2 步
-
是否可访问 Shell？ 是 → 在下方安装。否 → 向用户显示命令（Claude Code：将命令以
!开头作为聊天消息发送 — 添加-g进行全局安装，或省略以仅安装到项目中）。
安装命令
npx skills add Shanmus4/figma-variables-tokens-generator
安装后调用
- 技能名称：
figma-variables-tokens-generator - 触发词：“Figma variables”、“token generator”、“W3C token ZIP”、“Shanmus4”
功能
通过结构化问卷了解你的设计系统需求，然后生成符合 W3C Design Token Community Group（DTCG）规范的 ZIP 压缩包。ZIP 中包含按集合层级组织的 JSON token 文件：Primitives（原始值）、Semantic（上下文别名）和 Component（组件专用 token）。此外还提供配套的 Figma 插件，可将这些 JSON 文件导入 Figma Variables，并遵循各层级间的依赖顺序。
不适用场景
- 代码侧的 token 管理和流水线 — 使用
design-tokens-skill - 并非基于 Figma 的现有设计系统
- 与 token 无关的 Figma 设计操作 — 使用 Figma MCP（
figma-official-skills）
评论
支持 Markdown