Figma-Context-MCP
Verified Safeby tianmuji
Overview
Enable AI coding agents to access and understand Figma design data, including spatial relationships and layout properties, for accurate design-to-code conversion and UI implementation.
Installation
npx figma-developer-mcp --figma-api-key=YOUR_FIGMA_API_KEY --stdioEnvironment Variables
- FIGMA_API_KEY
- FIGMA_OAUTH_TOKEN
- PORT
- OUTPUT_FORMAT
Security Notes
The server requires a Figma API key (personal access token or OAuth token) which must be securely provided by the user, not hardcoded. The `download_figma_images` tool downloads files from URLs provided by the Figma API; while generally safe, downloading from external sources always carries a theoretical risk if Figma's CDN could be compromised or the URLs maliciously altered. The `saveFigmaData` and `downloadFigmaImage` functions write to user-specified local paths, which could be exploited if a malicious `savePath`/`localPath` is provided to overwrite critical system files (though this assumes a malicious AI client or user input). The `fetchWithRetry` function's `curl` fallback constructs a command string with potentially user-derived URLs, but in practice, these URLs originate from the trusted Figma API and headers are server-configured, minimizing direct command injection risk from external malicious input.
Similar Servers
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.
figma-mcp-write-server
Enables AI agents to programmatically create, modify, and manage design elements and properties within Figma via the Model Context Protocol (MCP).