📇 🏠 - Provide coding agents direct access to Figma data to help them one-shot design implementation.
Install
npx -y figma-developer-mcpRequired environment variables
FIGMA_API_KEYSet in your MCP configclaude_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.
What this does
GLips/Figma-Context-MCP exposes a set of tools to Claude over the Model Context Protocol. After you add it to claude_desktop_config.json (snippet above) and restart Claude Desktop, those tools become callable inside any conversation. That makes it useful when you want Claude to reach into your day-to-day productivity stack without copy-pasting context every turn.
Requirements
This server needs the following environment variables to be set before it can run:
FIGMA_API_KEY
Set these via the env object in your MCP config (see claude_desktop_config.json snippet above).
Common use cases
- •Read or update notes, tasks, and project trackers from Claude
- •Pull personal calendars, journals, or knowledge bases into a session
- •Drive daily-review or status-update workflows without leaving the chat
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.