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
EverArt
EverArt MCP server for generative media workflows, enabling image-related tasks through the EverArt service.
GPT Image 1 MCP
MCP server wrapping OpenAI GPT-Image-1 to generate images from prompts and return files for design workflows.
Alibaba Cloud RDS
An MCP server designed to interact with the Alibaba Cloud RDS OpenAPI, enabling programmatic management of RDS resources via an LLM.
AllVoiceLab
An AI voice toolkit with TTS, voice cloning, and video translation, now available as an MCP server for smarter agent integration.
Like this server?
Discover more MCP servers or submit your own to directory.