Figma MCP

About

Hand your agent the actual design.

Figma's MCP server sends selected frames, variables, components and screenshots to coding agents, so the code they write follows your design system instead of guessing from a screenshot.

Features

• Frames, variables and components as context
• Code Connect mappings to your codebase
• Remote server or local via the desktop app
• Screenshots for visual checks

Install

• Claude Code$claude mcp add --transport http figma https://mcp.figma.com/mcp
• Codex$codex mcp add figma --url https://mcp.figma.com/mcp
• Cursor$npx -y mcp-remote https://mcp.figma.com/mcp
• Grok Bot$grokbot mcp add figma https://mcp.figma.com/mcp