Figma Generate Diagram (FigJam)
Mandatory companion skill for Figma `generate_diagram`—routes flowchart/sequence/ERD/state/gantt requests into editable FigJam Mermaid diagrams.
Overview
figma-generate-diagram teaches agents when and how to call Figma’s `generate_diagram` tool. It enforces Mermaid constraints, picks diagram types (flowchart, sequence, state, gantt, erDiagram), and steers unsupported asks (mindmaps, pie, class diagrams) away from failing tool calls. Useful in design/product discovery workshops alongside Excalidraw Diagram when the team’s canvas of record is FigJam.
Work with LimeDock
Using this skill? LimeDock can wire it into a durable automation you own.
Skills show what's possible. LimeDock builds and runs the owned marketing, sales, and ops automations around them.
We sell owned automations for SaaS teams — live workflows that plug into Slack, CRM, and your internal platform — not just a skill list.
Link
Installation guide
Ship with Figma MCP server guide skills (`figma/mcp-server-guide`). Load this skill before every `generate_diagram` call.
How to use it
Ask for architecture/flow/sequence/ER diagrams destined for FigJam. The skill must load before `generate_diagram`. Prefer regenerating for content changes; edit layout in Figma for pixel nudges.
Example prompts
- “Generate a FigJam flowchart of our checkout funnel.”
- “Create a sequence diagram for OAuth login in FigJam.”
- “Draw an ERD for users, orgs, and memberships.”
- “Build a state diagram for the onboarding wizard.”
Use cases and examples
- FigJam architecture diagrams from a brief
- Sequence diagrams for auth/API flows
- ERD sketches for data model reviews
- State machines for multi-step UX
- Workshop artifacts without leaving Figma
Prerequisites
- Figma MCP with generate_diagram support
- FigJam-capable file/workspace
- Mermaid-friendly diagram intent (supported types only)
Tips
- Never call generate_diagram without this skill—failure modes are common.
- Unsupported types: say so instead of forcing Mermaid.
- For editable whiteboard sketches outside Figma, use Excalidraw Diagram.
- Keep diagrams small; regenerate rather than micro-editing via API.