claude mcp add ips-igma-ontext -- npx -y figma-developer-mcp
{
"mcpServers": {
"ips-igma-ontext": {
"command": "npx",
"args": ["-y", "figma-developer-mcp"]
}
}
}
{
"mcpServers": {
"ips-igma-ontext": {
"command": "npx",
"args": ["-y", "figma-developer-mcp"]
}
}
}
{
"mcpServers": {
"ips-igma-ontext": {
"command": "npx",
"args": ["-y", "figma-developer-mcp"]
}
}
}
About This MCP Server
The Figma-Context-MCP server is a developer tool that provides coding agents like Claude Code and Cursor with access to Figma data, enabling the implementation of designs in various frameworks. It connects to Figma and allows for one-shot implementation, streamlining the development process. Developers would use this tool when they need to integrate their Figma designs with their coding workflow, leveraging the capabilities of their AI coding assistant.
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.. This is a Model Context Protocol (MCP) server that extends AI assistants like Claude with developer tools capabilities via the stdio transport.
Package
figma-developer-mcp on npm
HOW TO USE
Select your AI client above to get the install command. This MCP server uses the stdio transport and is available on npm.
What tools does it provide?
The Figma-Context-MCP server extends your AI assistant with developer tools capabilities. Once installed, your AI can use its tools automatically.