Read, create, and modify Figma designs programmatically via MCP, empowering AI to execute Figma changes safer, cleaner, and faster.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add figma-edit -- npx -y figma-edit-mcp~/.codex/config.toml
[mcp_servers.figma-edit]
command = "npx"
args = ["-y", "figma-edit-mcp"]
# codex mcp add figma-edit -- npx -y figma-edit-mcp~/.cursor/mcp.json
{
"mcpServers": {
"figma-edit": {
"command": "npx",
"args": [
"-y",
"figma-edit-mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"figma-edit": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figma-edit-mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"figma-edit": {
"command": "npx",
"args": [
"-y",
"figma-edit-mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"figma-edit": {
"command": "npx",
"args": [
"-y",
"figma-edit-mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"figma-edit": {
"command": "npx",
"args": [
"-y",
"figma-edit-mcp"
]
}
}
}