Skip to content
VS Code

Flowgraf for VS Code

in.flowgraf/flowgraf

Create and edit architecture diagrams from your AI agent; get an SVG and a live editable canvas.

client:VS Code transport:streamable-http runtime:npm tools:3

Install Flowgraf in VS Code

.vscode/mcp.json

{
  "servers": {
    "flowgraf": {
      "type": "http",
      "url": "https://flowgraf.in/api/mcp"
    }
  }
}

Requires agent mode. MCP: Open User Configuration puts the same block in every workspace. VS Code docs

What VS Code can do once it is connected

Flowgraf in other clients