Figma
Verified IntegrationClient Configuration
— Connect Figma to Claude Desktop or Cursor in seconds{
"mcpServers": {
"figma-18": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-figma-18"
],
"env": {}
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).System Overview
Connects AI applications to the Figma API for seamless design access, HTML/CSS generation, and screenshot capture.
7/23/2026
Open Source
stdio / SSE RPC
Frequently Asked Questions
Architecture and operational details for Figma
It automates the translation of Figma designs into code, saving developers time. With features like 'generateDesignWithScreenshot', it provides a visual reference alongside the code, helping to achieve more accurate and pixel-perfect implementations by offering crucial visual context.
Related MCP Servers
Browse all servers →Empower AI assistants to generate and convert documents, manage templates, and automate document workflows efficiently.
Provides a multi-tenant, AI-native Content Delivery Network deployable on Cloudflare, featuring sub-100ms TTFB, AI agent controllability, and comprehensive accessibility.
Deploy a Model Context Protocol server on Cloudflare Workers without requiring authentication.