Back to MCP Servers
📇 🏠 - Provide coding agents direct access to Figma data to help them one-shot design implementation.
TypeScriptProductivity
Install
npx -y figma-developer-mcpRequired environment variables
FIGMA_API_KEYSet in your MCP configclaude_desktop_config.json
claude_desktop_config.json
{
"mcpServers": {
"glips-figma-context-mcp": {
"command": "npx",
"args": [
"-y",
"figma-developer-mcp"
],
"env": {
"FIGMA_API_KEY": "<YOUR_FIGMA_API_KEY>"
}
}
}
}Add this to your Claude Desktop config file. Find it at ~/Library/Application Support/Claude/claude_desktop_config.json on macOS.
More TypeScript MCP servers
🔌🔌🔌🔌
Awesome MCP Servers by punkpeye
(****) - A curated list of MCP servers by ****
upstash/context7
📇 ☁️ - Up-to-date code documentation for LLMs and AI code editors.
microsoft/playwright-mcp
Official Microsoft Playwright MCP server, enabling LLMs to interact with web pages through structured accessibility snapshots
agent-infra/mcp-server-browser
📇 🏠 - Browser automation capabilities using Puppeteer, both support local and remote browser connection.