Figma Mcp
Access Figma files and prototypes directly, enhancing the design workflow for AI coding agents by integrating Figma into the development environment. Simplifies the design-to-code process to improve productivity.
Author
JayZeeDesign
MIT License
Quick Info
GitHub Stars 61 
Weekly Downloads 0 Tools 1
Last Updated 18/8/2025
Actions
Tags
coding prototypes figma figma development figma files ai coding
Figma MCP Python
Allow your AI coding agents to access Figma files & prototypes directly. You can DM me for any issues / improvements: https://x.com/jasonzhou1993
Quick Installation with pipx
pipx install figma-mcp
For Cursor:
- In settings, add an MCP server using the command:
figma-mcp --figma-api-key=your_figma_key
- OR Add a
.cursor/mcp.jsonfile in your project:
{
"mcpServers": {
"figma-python": {
"command": "figma-mcp",
"args": [
"--figma-api-key=your_figma_key"
]
}
}
}
For other IDEs like Windsurf, use an MCP configuration file (e.g., mcp_config.json):
{
"mcpServers": {
"figma-python": {
"command": "figma-mcp",
"args": [
"--figma-api-key=your_figma_key"
]
}
}
}
Install uv and set up the environment
curl -LsSf https://astral.sh/uv/install.sh | sh
uv venv
source .venv/bin/activate
uv sync
Test locally
python -m figma_mcp.main