Keyflow

Search Keyflow

Find a shortcut, workflow, MCP server or skill

figma-ui-mcp

local MCP server

Installation

Terminal

claude mcp add figma-ui-mcp -- npx -y figma-ui-mcp

Run in your project folder. Add --scope user to use it everywhere.

Claude Desktop, Cursor & other clients

Add to claude_desktop_config.json or .cursor/mcp.json.

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

Summary

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

Questions

figma-ui-mcp is a local MCP server distributed as the npm package figma-ui-mcp.

Run: claude mcp add figma-ui-mcp -- npx -y figma-ui-mcp

Run: codex mcp add figma-ui-mcp -- npx -y figma-ui-mcp

Similar MCP servers

NameStars
  1. Figma-Context-MCPio.github.GLips/Figma-Context-MCP16K
  2. Figma MCP Servercom.figma.mcp/mcp2,027
  3. plumb-mcpio.github.tathagat22/plumb-mcp84
  4. flowbite-mcpio.github.themesberg/flowbite-mcp42
  5. canicodeio.github.let-sunny/canicode10
  6. tldrawio.github.tldraw/tldraw51K
  7. AIHawkio.github.feder-cr/aihawk32K
  8. invisible_playwright_mcpio.github.feder-cr/invisible-playwright-mcp32K
Buy me a coffee