SuperAPI AI 工具集

figma-generate-diagram

设计与创作

查看项目

更新于 10-16 03:47

技能介绍

用途:在调用 generate_diagram 前加载本技能,将 Mermaid.js 语法生成可在 FigJam 中编辑的图表,并依据图表类型给出对应的编写指引与通用约束。

主要能力与支持类型:支持 flowchart、sequenceDiagram、stateDiagram / stateDiagram-v2、gantt、erDiagram。不支持饼图、思维导图、维恩图、类图、journey、timeline、象限图、C4、git graph、需求图,遇到这些应直接告知用户不支持,而不是调用工具。

使用方式:先判断 generate_diagram 是否适用,再按用途路由到 references 下的架构、流程图、时序图、ER 图、状态图、甘特图等文档;调用时需要 name 与 mermaidSyntax,可选 userIntent、fileKey、useArchitectureLayoutCode。不要先调用 create_new_file;迭代或追加相关图表时可通过 fileKey 复用已有 FigJam 文件,fileKey 从 figma.com/board/{fileKey}/... 提取。

通用限制:Mermaid 源码中不得使用 emoji、HTML 标签与 \n 转义换行;保留字 end、subgraph、graph 不能作节点 ID;节点 ID 用 camelCase;标签中的特殊字符要加引号;时序图的 Note 会被渲染器静默剥离;甘特图的 classDef、class 等样式会被预处理去除;扩展时只能使用 FigJam 支持的 API,不要调用 figma.createPage()。

适用场景:流程图、时序图、状态图、ER 图、甘特图,以及需要与 use_figma 组合的注释、配色等混合工作流。

其他说明:在 GitHub Copilot、Claude Code、Codex 中的放置方式不同,Codex 可同步到 $CODEX_HOME/skills/figma-generate-diagram 并重启。首选 MCP 为 Figma MCP Server;无 MCP 时按文档化回退,不声称使用了宿主未暴露的操作。收费、价格等信息暂未提供。