CtrlK
BlogDocsLog inGet started
Tessl Logo

figma-generate-diagram

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.).

88

1.51x
Quality

83%

Does it follow best practices?

Impact

97%

1.51x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security
Preview
This is a new way to view eval results. We're still working on it, so the layout may change.
RunTypeDateStatus

baseline vs usage-spec

With / without context

Completed
With / without context

Completed

Eval run

019e324f-a83e-763a-9e7f-0b71cb7aba57

Run

Stats are not available yet

The run is available. Its result stats will appear here when they are ready.

Repository
figma/mcp-server-guide
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.