G

How to install GitDiagram in VS Code

To install GitDiagram in VS Code, click "Add to VS Code" on this page or add the "gitdiagram" block under "servers" in .vscode/mcp.json, then pick it in Copilot Chat agent mode.

Built from the published package · server updated 7 days ago

1. 1

   One click (fastest)

   Click the button to open VS Code with this server ready to install.

   Add GitDiagram to VS Code
2. 2

   Or add it by hand

   Create .vscode/mcp.json and paste this. Note that VS Code uses "servers", not "mcpServers".

   {
     "servers": {
       "gitdiagram": {
         "url": "https://gitdiagram.com/mcp"
       }
     }
   }

   Copy
3. 3

   Start it in Copilot Chat

   Open Copilot Chat in Agent mode and pick the server from the tools menu.

Config file: .vscode/mcp.json in your workspace

MCP servers run with your permissions. If GitDiagram needs an API key, add it under env in the config. Check its README.

Similar servers

D

draw.io jgraph

100

Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.

AAA Remote 5.7k

A

Agent-Native PlanBuilderIO

94

Structured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing

AAA Remote 7.4k

F

Figma-Context-MCPGLips

94

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

AAA Local 56k/wk