Skip to content
Figma MCP Server

Figma MCP Server

by Figma
Added to Onei
4 views
Repository Docs
Featured Developer Tools

Summary

Official Figma server that gives AI coding agents direct access to Figma design files for design-to-code work.

Features

  • Reads layout, styles, and components from open Figma files
  • Design-to-code translation for frontend implementation
  • Local desktop server over HTTP (Dev Mode required)
  • Remote server option with broader feature support
  • Works with Claude Code, Cursor, and VS Code

Installation

Set up this MCP server in your favorite AI agent — copy a ready-made configuration below.

Any MCP-compatible agent

Most agents (Claude, Cursor, Windsurf, VS Code, and more) read a standard mcpServers configuration.

  1. Open your agent's MCP configuration file.
  2. Merge the snippet below into it.
  3. Restart the agent — the "Figma MCP Server" tools will be available.
{
  "mcpServers": {
    "figma-mcp-server": {
      "command": "claude",
      "args": [
        "mcp",
        "add",
        "--transport",
        "http",
        "figma-desktop",
        "http://127.0.0.1:3845/mcp"
      ]
    }
  }
}

Description

The official Figma MCP server connects design files opened in the Figma desktop app (with Dev Mode enabled) to MCP-compatible coding agents such as Claude Code, Cursor, and VS Code. It lets agents read layout, styles, components, and design tokens directly from a selected frame or file and translate them into code, reducing guesswork when implementing UI from a design. A local version ships with the Figma desktop app over an HTTP endpoint; a remote, broader-feature version is also available.

Related MCP Servers

MCP: Engram

by Gentleman Programming

New

Persistent memory for coding agents as a single Go binary — SQLite and FTS5 behind MCP, an HTTP API, a CLI and a TUI, with no Node, Python or Docker required.

Developer Tools
1 views

MCP: agent-device

by Callstack

New

Give a coding agent a live feedback loop on real mobile, TV and desktop apps — inspect, tap, type and capture evidence on iOS, Android and HarmonyOS over MCP or a CLI.

Developer Tools
3 views

MCP: Weights & Biases MCP Server

by Weights & Biases

New

The official W&B MCP server: query experiment runs, Weave LLM traces, artifacts and registries in natural language, and write findings back as a W&B report.

Developer Tools
3 views

MCP: Replicate MCP Server

by Replicate

Featured

Replicate's official MCP server: search thousands of hosted models, read their schemas, and run predictions on image, video, audio and language models from inside an agent.

Developer Tools
5 views
Browse all MCP servers →