Lets AI draw and modify UI on the Figma canvas and read existing designs back as structured data, no API key needed.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add figma-ui -- npx -y figma-ui-mcp~/.codex/config.toml
[mcp_servers.figma-ui]
command = "npx"
args = ["-y", "figma-ui-mcp"]
# codex mcp add figma-ui -- npx -y figma-ui-mcp~/.cursor/mcp.json
{
"mcpServers": {
"figma-ui": {
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"figma-ui": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"figma-ui": {
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"figma-ui": {
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"figma-ui": {
"command": "npx",
"args": [
"-y",
"figma-ui-mcp"
]
}
}
}