{
"mcpServers": {
"io-github-felixanhalt-figma-context-mcp": {
"command": "<see-readme>",
"args": []
}
}
}No install config available. Check the server's README for setup instructions.
Are you the author?
Add this badge to your README to show your security score and help users find safe servers.
LLM-optimized Figma MCP server.
Is it safe?
No package registry to scan.
No authentication — any process on your machine can connect.
License not specified.
Is it maintained?
Last commit 0 days ago. 1 stars.
Will it work with my client?
Transport: stdio. Works with Claude Desktop, Cursor, Claude Code, and most MCP clients.
No automated test available for this server. Check the GitHub README for setup instructions.
No known vulnerabilities.
This server is missing a description. Tools and install config are also missing.If you've used it, help the community.
Add informationHave you used this server?
Share your experience — it helps other developers decide.
Sign in to write a review.
A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native
AI-powered brand identity generation via MCP with design tokens, typography, and logo assets.
I Ching hexagram analysis and geographic feng shui for Taiwan locations
Peekaboo is a macOS CLI & optional MCP server that enables AI agents to capture screenshots of applications, or the entire system, with optional visual question answering through local or remote AI models.
MCP Security Weekly
Get CVE alerts and security updates for io.github.felixAnhalt/Figma-Context-MCP and similar servers.
Start a conversation
Ask a question, share a tip, or report an issue.
Sign in to join the discussion.
Figma To Code MCP specializes in extracting only the information LLMs need to build UIs while removing Figma-specific metadata that isn't relevant for code generation. The result:
Give Cursor and other AI-powered coding tools access to your Figma files with this Model Context Protocol server.
| Tool | Description |
| -------------------- | ---------------------------------------------- |
| get_figma_design | Fetches CSS-aligned, LLM-optimized design data |
| get_image_fills | Retrieves image fill URLs from a Figma file |
| render_node_images | Renders Figma nodes as PNG images |
| read_vector_svg | Reads vector node data as SVG |
Create a Figma personal access token with these scopes:
| Scope | Purpose |
| ---------------------- | ------------------------------------------ |
| file_content:read | Read file nodes, layout, styles |
| library_content:read | Read published components/styles |
| file_variables:read | Read variables (Enterprise only, optional) |
Note: Variable resolution requires Enterprise plan. Set
resolveVariables: falseif not on Enterprise.
This MCP server transforms Figma API data into an LLM-friendly format:
backgroundColor, flexDirection, fontSize) instead of Figma internalsSee V2_CSS_PROPERTY_MAPPING.md for complete property mapping details.
Many code editors and other AI clients use a configuration file to manage MCP servers.
The tmegit-figma-to-code-mcp server can be configured by adding the following to your configuration file.
{
"mcpServers": {
"Figma To Code MCP": {
"command": "npx",
"args": ["-y", "@tmegit/figma-to-code-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
}
}
}
{
"mcpServers": {
"Figma To Code MCP": {
"command": "cmd",
"args": [
"/c",
"npx",
"-y",
"@tmegit/figma-to-code-mcp",
"-
... [View full README on GitHub](https://github.com/felixAnhalt/Figma-Context-MCP#readme)