SuperAPI AI 工具集

figma-extract-tokens

设计与创作

查看项目

更新于 10-16 03:38

技能介绍

用途:通过 Figma Desktop MCP 服务器访问 Figma 变量 API,从当前打开的 Figma 文件中提取颜色、数字、字符串、布尔等变量,整理为原始令牌与语义令牌层级,生成结构化设计令牌文件,供设计系统使用。

主要能力:提取颜色、间距/尺寸、字体(字体族、字号、字重、行高)及圆角、阴影等变量,可按变量集合分组;识别语义令牌(primary、secondary 等)与原始令牌;检测明暗主题等变体与令牌引用层级;支持 CSS 自定义属性、JavaScript/TypeScript、JSON、Sass/SCSS、Tailwind config、Style Dictionary 等输出格式;生成令牌名与 Figma 变量映射文档,提示缺失令牌、命名不一致及可合并项。

使用方式:在 Figma 中打开目标文件,或提供文件 URL;通过 Figma MCP 工具读取变量,按集合提取;随后选择所需输出格式并生成文件,附 Figma 引用注释和生成时间。

适用场景:为已有 Figma 设计稿落地或同步设计系统令牌,统一设计与代码中的颜色、间距、字体等取值,并支持多主题变体。

限制:需连接 Figma Desktop MCP 服务器并打开文件;资料未提供具体安装命令、收费方式、支持平台与效果保证;实际生成内容取决于 Figma 文件中已定义的变量,缺失值需人工确认。