SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 10-30 00:12

设计与创作

21,266 个结果

figma-code-connect

figma-code-connect 是一个用于创建和维护 Figma Code Connect 模板文件的技能。它把 Figma 组件与代码片段建立映射,产出的是无解析器(parserless)模板:扩展名为 .figma.ts 的文件,其默认导出使用 figma.code`...` 标签模板。该技能会解析 Figma URL 提取 fileKey 与 nodeId,借助 Figma MCP 工具发现尚未映射的已发布组件,读取组件属性,在代码库中定位对应的代码组件,然后生成模板文件并校验结果。它强调不要生成 .figma.tsx 或使用 figma.connect()(那属于另一套基于解析器的格式)。使用前提包括:已连接 Figma MCP 服务器、组件已发布到团队库、组织版或企业版套餐、URL 含 node-id 参数,以及在 tsconfig.json 中引入 @figma/code-connect/figma-types 类型。

设计与创作28 次安装