SuperAPI AI 工具集

figma-variables-tokens-generator

设计与创作

查看项目

更新于 10-16 03:44

技能介绍

用途:帮助设计团队从零搭建符合 W3C Design Token Community Group(DTCG)规范的设计 token 体系。工具先运行结构化问卷了解设计系统需求,再据此生成一个结构化的 ZIP 压缩包,内含按集合层级(collection tiers)组织的 JSON token 文件。

主要能力:生成的 ZIP 将 token 分为三层组织——Primitives(原始值)、Semantic(上下文别名)、Component(组件专用 token);同时提供配套的 Figma 插件,可将这些 JSON 文件导入 Figma Variables,导入时遵循各层级之间的依赖顺序。触发关键词包括 “Figma variables”“token generator”“W3C token ZIP”“Shanmus4”。

使用方式:先检查 ~/.design-agent-skills/skills/ 中是否已安装该技能或相关目录,若已安装则直接调用;未安装则需要 Shell 访问权限,执行安装命令 npx skills add Shanmus4/figma-variables-tokens-generator。若没有 Shell 权限,可向用户展示该命令(Claude Code 中可用 ! 作为聊天消息发送,加 -g 为全局安装,否则仅项目内)。安装后通过技能名 figma-variables-tokens-generator 调用。

适用场景:需要建立或规范化 Figma 设计 token 体系的设计团队,尤其是希望 token 输出符合 DTCG 规范并可直接导入 Figma Variables 的场景。

限制:不适用于代码侧的 token 管理与流水线(应使用 design-tokens-skill);不适用于并非基于 Figma 的既有设计系统;不涉及与 token 无关的 Figma 设计操作(应使用 Figma MCP 即 figma-official-skills)。完整包位于 Shanmus4/figma-variables-tokens-generator。资料未提供对具体问卷内容、收费、支持平台或生成效果的进一步说明。