# Figma MCP

> Bring Figma design context — components, variables, layout — into code generation.

- Type: MCP Server
- Use case: Design & Frontend
- Works with: Claude Code, Claude apps, Cursor, VS Code & Copilot, OpenAI Codex, Windsurf
- Website: https://help.figma.com/hc/en-us/articles/32132100833559
- Author: Figma
- Pricing: Freemium
- Listed on MetaSkill: https://meta-skill.com/mcp-servers/figma-mcp

## Install

```
# Claude Code
claude mcp add --transport http figma https://mcp.figma.com/mcp

# Claude apps / ChatGPT: add a custom connector with this URL
https://mcp.figma.com/mcp

# Cursor / VS Code (mcp.json)
"figma": { "url": "https://mcp.figma.com/mcp" }

# Desktop app server: http://127.0.0.1:3845/mcp
```

## About

Figma's MCP server gives agents structured design context from your files so generated code matches components, tokens and layout. Use the remote server, or the desktop server while Figma is open in Dev Mode.