byfigma· 14 skills
MANDATORY prerequisite — load this skill BEFORE every generate_diagram tool call. NEVER call generate_diagram directly without loading this skill first. Trigger whenever the user asks to create, generate, draw, render, sketch, or build a diagram — flowchart, architecture diagram, sequence diagram, ERD or entity-relationship diagram, state diagram or state machine, gantt chart, or timeline. Also trigger when the user mentions Mermaid syntax or wants a system architecture, decision tree, dependency graph, API call flow, auth handshake, schema, or pipeline visualized in FigJam. Routes to type-specific guidance, sets universal Mermaid constraints, and tells you when to use a different diagram type or skip the tool entirely (mindmaps, pie charts, class diagrams, etc.).
$npx -y skills add figma/mcp-server-guide --skill figma-generate-diagramInstalls into the current project.
Run `npx skills use "https://github.com/figma/mcp-server-guide" --skill "figma/mcp-server-guide/figma-generate-diagram"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/figma/mcp-server-guide" that are relevant to the current task. Run `npx skills add "https://github.com/figma/mcp-server-guide"` and select the relevant skills, then follow their instructions.