Figma Mcp Server Toddle Edu
MediaUse this Figma MCP Server to convert Figma Design to pseudo-code like structure - simple yet efficient for LLMs to understand design context. Connect to Figma API and get pseudo-code for the given Design. For visual context, can also fetch images.
Installation
npx figma-codegen-mcp --figma_api_key=${input:FIGMA_API_KEY}View configuration snippet
{
"mcpServers": {
"figma MCP Server": {
"command": "npx",
"args": [
"figma-codegen-mcp",
"--figma_api_key=${input:FIGMA_API_KEY}"
]
}
},
"inputs": [
{
"id": "FIGMA_API_KEY",
"type": "promptString",
"description": "Paste your Figma Personal access Token here"
}
]
}💡 Tip: Make sure you have the appropriate package manager installed. Refer to the official documentation for detailed installation instructions.
Compatibility Matrix
Cursor
Claude Desktop
MCP Compatible
Server Information
Quick Stats
Related Servers
More in Media →EverArt
EverArt MCP server for generative media workflows, enabling image-related tasks through the EverArt service.
Figma Context MCP
Figma Context Mcp is a Model Context Protocol server designed to extend AI agent capabilities. It exposes tools, resources, and prompts that allow AI assistants like Claude and Cursor to perform specialized tasks.
Cursor Talk To Figma Mcp
Cursor Talk To Figma Mcp is an open-source MCP server that gives AI assistants access to specialized functionality. Compatible with Claude Desktop, Cursor, and other MCP clients for enhanced AI agent workflows.
Mcp Excalidraw
Mcp Excalidraw is an open-source MCP server that gives AI assistants access to specialized functionality. Compatible with Claude Desktop, Cursor, and other MCP clients for enhanced AI agent workflows.
Like this server?
Discover more MCP servers or submit your own to directory.