figma-console-mcp
by markdojo
Overview
Connects AI assistants to Figma for real-time console access, visual debugging, design system extraction, and design creation/variable management, primarily in local development environments.
Installation
node /absolute/path/to/figma-console-mcp/dist/local.jsEnvironment Variables
- FIGMA_ACCESS_TOKEN
- FIGMA_OAUTH_CLIENT_ID
- FIGMA_OAUTH_CLIENT_SECRET
- LOG_LEVEL
- FIGMA_MCP_MODE
- FIGMA_DEBUG_HOST
- FIGMA_DEBUG_PORT
Security Notes
The `figma_execute` tool allows arbitrary JavaScript code execution within the powerful Figma Plugin API context, presenting a significant risk if the AI is compromised or misused. The default configuration for Puppeteer (`src/core/config.ts`) uses the `--no-sandbox` argument, which is explicitly warned against for untrusted environments. While OAuth is implemented for Cloudflare mode, local mode relies on a direct Figma Desktop connection, which requires specific manual setup. The 'Desktop Bridge' plugin, a core component, has `networkAccess: allowedDomains: ["none"]`, which is a good security practice for the plugin itself by preventing external network requests. Overall, running this project requires a high degree of trust in the AI's generated code and a securely configured local execution environment.
Similar Servers
5ire
A desktop AI assistant client that integrates with various LLM providers and connects to Model Context Protocol (MCP) servers for extended tool-use and knowledge base capabilities.
f2c-mcp
A Model Context Protocol server for Figma Design to Code, enabling AI tools to convert Figma designs into production-ready frontend code.
mcp_flutter
Connects Flutter applications with AI coding assistants to enable real-time debugging, UI inspection, and dynamic tool interaction for development workflows.
figma-console-mcp
Provides AI assistants with real-time console access, visual debugging, design system extraction, and design creation capabilities for Figma.