Skip to content
VS Code

Figma MCP Server for VS Code

com.figma.mcp/mcp

The Figma MCP server brings Figma design context directly into your AI workflow.

client:VS Code transport:streamable-http

Install Figma MCP Server in VS Code

.vscode/mcp.json

{
  "servers": {
    "mcp": {
      "type": "http",
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

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

Figma MCP Server in other clients