Layerbridge for VS Code
io.github.muradyf/layerbridge
Read, edit and export the Figma file open in a local plugin. No REST API, no rate limits.
client:VS Code
transport:stdio
runtime:npm
Install Layerbridge in VS Code
.vscode/mcp.json
{
"inputs": [
{
"type": "promptString",
"id": "figma-bridge-port",
"description": "FIGMA_BRIDGE_PORT",
"password": true
},
{
"type": "promptString",
"id": "figma-bridge-output-roots",
"description": "FIGMA_BRIDGE_OUTPUT_ROOTS",
"password": true
},
{
"type": "promptString",
"id": "figma-access-token",
"description": "FIGMA_ACCESS_TOKEN",
"password": true
},
{
"type": "promptString",
"id": "figma-bridge-allow-scripts",
"description": "FIGMA_BRIDGE_ALLOW_SCRIPTS",
"password": true
}
],
"servers": {
"layerbridge": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"layerbridge"
],
"env": {
"FIGMA_BRIDGE_PORT": "${input:figma-bridge-port}",
"FIGMA_BRIDGE_OUTPUT_ROOTS": "${input:figma-bridge-output-roots}",
"FIGMA_ACCESS_TOKEN": "${input:figma-access-token}",
"FIGMA_BRIDGE_ALLOW_SCRIPTS": "${input:figma-bridge-allow-scripts}"
}
}
}
}VS Code prompts for each input the first time the server starts, so no secret is written to the file. VS Code docs