/ Diretório / Playground / Figma MCP Server Guide
● Oficial figma ⚡ Instantâneo

Figma MCP Server Guide

por figma · figma/mcp-server-guide

Official Figma guide and reference for using the Figma Dev Mode MCP server with AI clients.

Figma MCP Server Guide is an MCP server maintained by figma. Official Figma guide and reference for using the Figma Dev Mode MCP server with AI clients. See the repo README for installation, auth, and configuration: https://github.com/figma/mcp-server-guide

Por que usar

Principais recursos

Demo ao vivo

Como fica na prática

figma-mcp-server-guide.replay ▶ pronto
0/0

Instalar

Escolha seu cliente

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "figma-mcp-server-guide": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-guide"
      ],
      "_inferred": true
    }
  }
}

Abra Claude Desktop → Settings → Developer → Edit Config. Reinicie após salvar.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "figma-mcp-server-guide": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-guide"
      ],
      "_inferred": true
    }
  }
}

Cursor usa o mesmo esquema mcpServers que o Claude Desktop. Config de projeto vence a global.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "figma-mcp-server-guide": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-guide"
      ],
      "_inferred": true
    }
  }
}

Clique no ícone MCP Servers na barra lateral do Cline, depois "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "figma-mcp-server-guide": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-guide"
      ],
      "_inferred": true
    }
  }
}

Mesmo formato do Claude Desktop. Reinicie o Windsurf para aplicar.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "figma-mcp-server-guide",
      "command": "npx",
      "args": [
        "-y",
        "mcp-server-guide"
      ]
    }
  ]
}

O Continue usa um array de objetos de servidor em vez de um map.

~/.config/zed/settings.json
{
  "context_servers": {
    "figma-mcp-server-guide": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "mcp-server-guide"
        ]
      }
    }
  }
}

Adicione em context_servers. Zed recarrega automaticamente ao salvar.

claude mcp add figma-mcp-server-guide -- npx -y mcp-server-guide

Uma linha só. Verifique com claude mcp list. Remova com claude mcp remove.

Casos de uso

Usos do mundo real: Figma MCP Server Guide

Use Figma MCP Server Guide for its primary workflow

👤 Claude Code users / MCP clients ⏱ ~20 min intermediate

Quando usar: See repo README for canonical use cases.

Pré-requisitos
  • Server installed / connection details ready — See https://github.com/figma/mcp-server-guide
Fluxo
  1. Install
    Install Figma MCP Server Guide per its README.✓ Copiado
    → Server registered with the client
  2. Configure
    Provide credentials/config as instructed.✓ Copiado
    → Successful auth/init
  3. Use
    Run a sample task with Figma MCP Server Guide.✓ Copiado
    → Expected output

Resultado: You can drive the documented workflow end-to-end.

Armadilhas
  • Skipping README — Read the repo README and CHANGELOG before shipping to prod.

Ferramentas

O que este MCP expõe

FerramentaEntradasQuando chamarCusto
primary see README Primary action free

Custo e limites

O que custa rodar

Cota de API
Bounded by upstream provider quotas (if any)
Tokens por chamada
Depends on usage
Monetário
Open source — check repo LICENSE
Dica
Review upstream API costs (if any) before automating.

Segurança

Permissões, segredos, alcance

Escopos mínimos: Whatever the upstream provider requires
Armazenamento de credenciais: Env vars or local config — never commit secrets
Saída de dados: Forwards data per its README
Nunca conceda: Full admin to untrusted prompts

Solução de problemas

Erros comuns e correções

Auth fails

Verify credentials and required scopes match README.

Verificar: Re-read repo README auth section.
Tool not found by client

Ensure MCP client config points to correct command/path.

Verificar: Restart the client after editing config.

Mais

Recursos

📖 Leia o README oficial no GitHub

🐙 Ver issues abertas

🔍 Ver todos os 400+ servidores MCP e Skills