API Development stdio

Figma Context

Created by GLips

Provides AI coding agents with simplified Figma layout information via the Model Context Protocol.

How to Connect & Install

Select your client or environment below to copy the verified, ready-to-run installation configuration.

1-line autonomous agent setup instruction. Paste into Claude Code, Codex CLI, or Cursor Agent:
Fetch and configure Model Context Protocol (MCP) server Figma Context from https://www.fastmcp.dev/server/figma-context

Agents automatically discover, install, and execute the server spec without manual token setup.

Connect via direct Stateless MCP v2 / Streamable HTTP endpoint or JSON-RPC:
https://github.com/GLips/Figma-Context-MCP

Stateless edge endpoint compliant with MCP 2024-11-05 and v2 draft protocol specs.

Includes server instructions and tool definitions for Claude:
claude mcp add figma-context -- npx -y Figma-Context-MCP

Run in terminal to register server in current project or pass --scope user for global availability.

Configures server instructions and tools for OpenAI Codex & ChatGPT Desktop:
[mcp_servers.figma_context] command = "npx" args = ["-y","Figma-Context-MCP"]

Applies to ChatGPT Desktop app, Codex CLI, and IDE extension across your Codex host.

Add to Cursor project settings (.cursor/mcp.json) or Cursor Settings > Features > MCP:
{ "mcpServers": { "figma-context": { "type": "stdio", "command": "npx", "args": [ "-y", "Figma-Context-MCP" ] } } }

Commit to version control to allow teammates to connect immediately.

Install as an autonomous Agent Skill using the standard skills CLI:
npx skills add https://github.com/GLips/Figma-Context-MCP

Standard agent skill installer compatible with Claude Code, Cursor, and agy harnesses.

Server Guidance & Instructions OpenAI & Claude Spec Compliant
Figma Context: Provides AI coding agents with simplified Figma layout information via the Model Context Protocol. Key capabilities: Simplifies Figma API responses for AI coding agents.; Supports Cursor, Windsurf, Cline and other AI coding tools using MCP.; Offers both NPM and local source installation options..

Codex and Claude read this instruction prompt during initialization to orchestrate cross-tool workflows and rate limits.

Top Core Functions
01 Fetch layout information from Figma
02 Download assets directly from designs
03 Provide design data to agents