Figma
Not rated
About
Enables direct interaction with Figma design files for querying assets, retrieving information, and manipulating design elements without switching contexts.
Details
- Author
- gamelifezhao
- Repository
- gamelifezhao/mcp-figma
- Categories
- Developer Tools, Design, Workplace, File Management, AI, Search, Frontend, Communication, Knowledge Base
- Tags
- #integration
Jump to
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
FigmaCommand (node, npx, python, etc.)nodeArguments-
Argument 1
path/to/mcp-figma/mcp-service/build/index.js
Environment-
FIGMA_ACCESS_TOKEN
your_figma_access_token
Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
-
Argument 1
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"figma": {
"env": {
"FIGMA_ACCESS_TOKEN": "your_figma_access_token"
},
"args": [
"path/to/mcp-figma/mcp-service/build/index.js"
],
"command": "node"
}
}
}Linux
{
"env": {
"FIGMA_ACCESS_TOKEN": "your_figma_access_token"
},
"args": [
"path/to/mcp-figma/mcp-service/build/index.js"
],
"command": "node"
}Macos
{
"env": {
"FIGMA_ACCESS_TOKEN": "your_figma_access_token"
},
"args": [
"path/to/mcp-figma/mcp-service/build/index.js"
],
"command": "node"
}Windows
{
"env": {
"FIGMA_ACCESS_TOKEN": "your_figma_access_token"
},
"args": [
"/c",
"node",
"path/to/mcp-figma/mcp-service/build/index.js"
],
"command": "cmd"
}Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
