nguyendinhphongdx avatar

Figma Bridge Mcp

nguyendinhphongdx/figma-bridge-mcp

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

tools
5
transport
STDIO
last updated
Nov 10, 2026

Tools

5 tools

Public tool metadata for what this MCP can expose to an agent.

figma_statusConnection check, active file/page, sessions. Call first.

Connection check, active file/page, sessions. Call first.

No parameter schema in public metadata yet.

figma_docsThe full API reference and design rules. Call before drawing.

The full API reference and design rules. Call before drawing.

No parameter schema in public metadata yet.

figma_writeRun JavaScript against the `figma.*` API to create or change the design.

Run JavaScript against the `figma.*` API to create or change the design.

No parameter schema in public metadata yet.

figma_readExtract design data: trees, tokens, CSS, components, screenshots.

Extract design data: trees, tokens, CSS, components, screenshots.

No parameter schema in public metadata yet.

figma_rulesOne markdown rule sheet: color tokens, text styles, variables, components. Call once per session.

One markdown rule sheet: color tokens, text styles, variables, components. Call once per session.

No parameter schema in public metadata yet.

Sponsors

Readme

figma-bridge-mcp — Bridge MCP for Figma

Let AI draw on your Figma canvas — and read your designs back as code.

A bidirectional Model Context Protocol bridge for Figma Desktop.
No Figma API key. No cloud. Everything runs on localhost.

npm CI Node MCP Registry License: MIT

Quick start · How it works · Tools · Security · Troubleshooting · Changelog


View the full README on GitHub

Details

Repository
github.com/nguyendinhphongdx/figma-bridge-mcp
Category
Design & Creative
Package
@hanoilab/figma-bridge-mcp
Transport
STDIO
Registry
MCP registry, active

Related Design & Creative MCP servers

View all
1nirholas avatarthree.ws 3D Agent Toolsnirholas/three.wsMCP tools from three.ws: free + paid text-to-3D, rigging, agent reputation, market intel.269stars
2bv-venky avatarExcalidraw Architectbv-venky/excalidraw-architect-mcpGenerate beautiful Excalidraw architecture diagrams with auto-layout and component styling120stars
3neozhehan avatarFigma Edit Mcpneozhehan/figma-edit-mcpProgrammatically read, create, and modify Figma designs via MCP.14stars
4felixanhalt avatarFigma To Code Mcpfelixanhalt/figma-to-code-mcpLLM-optimized Figma MCP server.7stars
5cmd8 avatarExcalidraw Mcpcmd8/excalidraw-mcpModel Context Protocol server for Excalidraw diagrams.4stars
6felixanhalt avatarFigma Context Mcpfelixanhalt/figma-context-mcpLLM-optimized Figma MCP server.3stars