M

How to install MCP Figma in Windsurf

To install MCP Figma in Windsurf, paste the "mcp-figma" block into ~/.codeium/windsurf/mcp_config.json and refresh the MCP panel in Cascade.

Built from the published package · server updated 19 months ago

1. 1

   Open the MCP config

   In Windsurf, open Settings, then Cascade, then MCP servers, and choose to view the raw config.

2. 2

   Add the server

   Paste this into mcp_config.json:

   {
     "mcpServers": {
       "mcp-figma": {
         "command": "npx",
         "args": [
           "-y",
           "mcp-figma"
         ]
       }
     }
   }

   Copy
3. 3

   Refresh

   Click refresh in the MCP panel. The server and its tools appear in Cascade.

Config file: ~/.codeium/windsurf/mcp_config.json

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

Similar servers

G

GitDiagram ahmedkhaleel2004

100

Architecture diagrams, explanations and Mermaid source for public GitHub repositories.

AAA Remote 18k

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