Connecting Figma MCP Server with Google Antigravity

Yes I’d like to know if or when will this be possible, I would pay for figma in order to connect it to google anti gravity

I was able to get it working via the latest Antigravity… 

Just had to go into the editor, then hit these 3 dots and select MCP servers. It will ask you to install the Figma MCP config, then you should be able to run it just fine without much additional config. (easier than configuring claude code 😅). 

 

 

As always, ​@aaronjellis is helping us all succeed. 👋 What a small world moment. 
 

I did have to go through “Manage MCP Servers” > “Configure” > “Uninstall” 

Then I reinstalled the MCP Server to get it working. 

lolol
Happy to see your face here ​@Kirby Yardley! 

If anyone has better guidance on how to get it to actually work well I’m all ears. Seems as though it pulls odd frames out of the file and struggles to really stay focused or get all the details. Figma Make is so good at adhering to the design, but I’ve yet to get Figma MCP to really stick to my screens. I have found a bit more luck using Dev Mode annotations while designing and telling the MCP server to pay attention to those. 

Anyone know how do I fix this?

I was able to get it working via the latest Antigravity… 

Just had to go into the editor, then hit these 3 dots and select MCP servers. It will ask you to install the Figma MCP config, then you should be able to run it just fine without much additional config. (easier than configuring claude code 😅). 

 

 

Thanks a lot ​@aaronjellis for your response ✌🏼 I was trying to work with Remote MCP server. I see that your way is for Local (Desktop) MCP server which is also fine. I hope soon we can also use the Remote server.

But so far it works!

hope for remote version sooooooon     TAT

Anyone know how do I fix this?

same here, tried uninstalling and installing but it’s pointless

Anyone know how do I fix this?

I did somehow find a way to overcome this. first check if you have node.js installed. try uninstalling the figma mcp on your antigravity and disable the mcp server in figma. close both applications and try installing the mcp server in antigravity it would most likely fail after that enable the mcp server in figma and refresh the mcp in antigravity. it should work

Anyone know how do I fix this?

same here, tried uninstalling and installing but it’s pointless

 

Hi Guys, I just asked the agent to fix this 👀 but it seems Node.js version was the issue.
 

Has anyone tried connecting to a cloud MCP server?

I tried using the official config:
{
  "mcpServers": {
    "Figma": {
      "url": "https://mcp.figma.com/mcp"
    }
  }
}

and also switching to Antigravity’s format:
{
  "mcpServers": {
    "Figma": {
      "serverUrl": "https://mcp.figma.com/mcp"
    }
  }
}

Result in the error:
Error: streamable http connection failed: calling "initialize": sending "initialize": Unauthorized, sse fallback failed: missing endpoint: first event is "", want "endpoint".

Looks like I must give it access token, but where to set it?
 

I ended up building this repo locally: https://github.com/GLips/Figma-Context-MCP.git
Using the absolute path for Node (since I'm using NVM and Antigravity couldn't find it some how...),
and clearing out the welcome messages that break the protocol.

{
  "mcpServers": {
    "figma-context": {
      "command": "/bin/sh",
      "args": [
        "-c",
        "FIGMA_API_KEY='your key' NODE_ENV=cli /home/{user}/.nvm/versions/node/v22.21.1/bin/node /home/{user}/ws/Figma-Context-MCP/dist/bin.js 2>/dev/null"
      ]
    }
  }
}

{
  "mcpServers": {
    "FigmaAIBridge": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "#####"
      }
    }
  }
}

这样配置就可以了

I tried {

"mcpServers": {

"figma": {

"command": "npx",

"args": [

"-y",

"@modelcontextprotocol/server-figma"

],

"env": {

"FIGMA_PERSONAL_ACCESS_TOKEN": "XXXXX"

}

},

"figma-dev-mode-mcp-server": {

"command": "npx",

"args": [

"mcp-remote",

"http://127.0.0.1:3845/sse"

],

"env": {}

}

}

}

seems working

{
  "mcpServers": {
    "FigmaAIBridge": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "#####"
      }
    }
  }
}

謝謝 這個配置比build第三方套件簡單多了
不過我還是抓不到npx所以改用sh+絕對路徑
(Alternative setup for those encountering "Error: exec: "npx": executable file not found in $PATH." errors.)
{
  "mcpServers": {
    "figma-dev-mode-mcp-server": {
      "command": "/bin/sh",
      "args": [
        "-c",
        "PATH=$PATH:/home/{user}/.nvm/versions/node/{version}/bin /home/{user}/.nvm/versions/node/{version}/bin/npx -y figma-developer-mcp --stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "xxx"
      }
    }
  }
}

Solution: Just install node.js https://nodejs.org/en/download/current, once installed restart your device for the path to work.

Reinstall the mcp.