Allows AI coding agents to access Figma files and prototypes directly, providing capabilities to retrieve components, specific nodes, and workflow connections from Figma designs using the Figma API.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type @ followed by the MCP server name and your instructions, e.g., "@figma-mcp show me all components in the design system file"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Allow your AI coding agents to access Figma files & prototypes directly. You can DM me for any issues / improvements: https://x.com/jasonzhou1993
pipx install figma-mcpIn settings, add an MCP server using the command:
figma-mcp --figma-api-key=your_figma_keyOR Add a .cursor/mcp.json file in your project:
{
"mcpServers": {
"figma-python": {
"command": "figma-mcp",
"args": [
"--figma-api-key=your_figma_key"
]
}
}
}mcp_config.json):{
"mcpServers": {
"figma-python": {
"command": "figma-mcp",
"args": [
"--figma-api-key=your_figma_key"
]
}
}
}Related MCP server: figmad-mcp
curl -LsSf https://astral.sh/uv/install.sh | sh
uv venv
source .venv/bin/activate
uv syncpython -m figma_mcp.mainUnclaimed servers have limited discoverability.
If you are the server author, to access and configure the admin panel.
Connect AI coding agents to Anima Playground, Figma, and your design system.
Give AI coding agents access to your Vynix visual feedback, bug reports, and AI diagnosis.
UI design from prompts, screenshots, and URLs for AI coding agents and theme tokens.
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/JayZeeDesign/figma-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server