Figma Diagram Generation

By Figma · Official skill

What it does

Last verifiedNov 10, 2026

Give your agent a workflow for creating editable FigJam diagrams with the official Figma MCP server. The skill routes supported Mermaid diagram types to their references and explains rendering constraints. Use it for a flowchart, sequence diagram, state diagram, Gantt chart, or entity relationship diagram, with the entities, steps, relationships, and intended audience.

Learn more

How this skill helps: Give your agent a workflow for creating editable FigJam diagrams with the official Figma MCP server. The skill routes supported Mermaid diagram types to their references and explains rendering constraints. Use it for a flowchart, sequence diagram, state diagram, Gantt chart, or entity relationship diagram, with the entities, steps, relationships, and intended audience.
When to use it: Use it when your task matches the workflow described above and you want your agent to follow the author’s guidance.
How to get started: Choose Copy for agent and paste it into your coding agent with your task, relevant files, and the result you want. Ask the agent to read the linked instructions, check prerequisites, and propose a small first step you can verify.

View source

Last verified

Nov 10, 2026

Documentation

View

Original source

View

Recommended MCP Servers

View all

3DAI Studio MCP

By 3DAI Studio · Official

3D AI Studio is an MCP server for 3D model generation. Connect Claude, ChatGPT or Cursor and generate textured 3D models and images just by chatting.

RemoteSee documentation

60fps Design MCP

By 60fps Design · Official

Find real iOS interaction references and motion breakdowns from your coding agent.

RemoteSee documentation

A1 Gallery MCP

By A1 Gallery · Official

Search curated website and interface references from your agent while designing or building a page.

RemoteSee documentation

Anima MCP

By Anima · Official

Turn design context into interface code with Anima tools available directly in your coding agent.

RemoteOAuthBearer token

Recommended Skills

View all

21st.dev UI Build

By 21st.dev · Official

Help your agent build interface components using 21st.dev workflows.

Skill · Design

21st.dev UI Explore

By 21st.dev · Official

Help your agent explore interface ideas and references with 21st.dev.

Skill · Design

21st.dev UI Review

By 21st.dev · Official

Give your agent a reusable workflow for reviewing and improving interface work with 21st.dev.

Skill · Design

Figma Code Connect

By Figma · Official

Help your agent create and maintain Code Connect templates that map published Figma components to implementation snippets. The skill covers the required template format, prerequisites, and the official MCP workflow. Use it when connecting a design system to code, supplying the component URLs, repository, framework, and the usage examples designers and developers should see.

Skill · Design