Figma Dev Mode MCP Server

The Figma Dev Mode MCP Server exposes design context from an open Figma file to your AI coding tool via the Model Context Protocol (MCP). Run it from the Figma desktop app and connect your editor’s MCP client to http://127.0.0.1:3845/mcp. Once connected, agents can call tools to generate code for a selected frame (get_code – default React + Tailwind), extract tokens and variables (get_variable_defs), fetch a Code Connect mapping to reuse your components (get_code_connect_map), and optionally capture images for layout fidelity (get_image). You can provide selection-based context (current frame) or link-based context (copy a frame URL) and guide output with rule files. The server communicates over SSE and works with editors that support MCP (VS Code, Cursor, Windsurf, Claude Code). Availability: open beta; requires a Dev or Full seat on Professional, Organization, or Enterprise plans.

Best for: developers who want reliable, structured design context in their IDE; teams with Code Connect set up to enforce component reuse and design token fidelity.