SuperAPI AI 工具集

figma-skill

设计与创作

查看项目

更新于 10-16 03:44

技能介绍

用途:该技能连接 Figma API,按项目上下文发现 Figma Community 中匹配的文件资源,从这些文件中提取设计令牌,并据此生成框架专属的实现代码,覆盖 React、Vue、Angular 及原生等 7 个框架生态。

主要能力:Figma Community 资源发现、设计令牌提取、面向 7 个框架的代码生成。

使用方式:安装命令为 npx skills add nafiurrahmanniloy/figma-skill。安装后可检查 ~/.design-agent-skills/skills/ 下是否存在 figma-skill 或相关目录判断是否已安装;已安装则直接调用。触发词包括 figma-skill、Figma API extract、Figma to framework、Figma Community resources。在 Claude Code 中可用 ! 作为聊天消息发送安装命令,加 -g 表示全局安装,省略则为仅当前项目。

适用场景:需要依据 Figma Community 资源提取设计令牌并生成多框架代码时使用;无 Shell 访问权限时,可向用户展示安装命令由其自行执行。

限制与边界:不用于官方 Figma 文件操作(读写自己的文件),此类需求应使用 Figma MCP(figma-official-skills);不用于在 Figma 中强制设计系统令牌,应使用 claude2figma;不涉及 Figma 的令牌架构工作应使用 design-tokens-skill。具体支持框架清单、令牌格式、依赖与配额等细节资料未提供。