Figma MCP

Figma MCP Server

Um servidor Model Context Protocol (MCP) que fornece integração com a API do Figma, permitindo que você interaja com arquivos, comentários, componentes e muito mais do Figma.

Recursos

• Operações de Arquivo

  • Obter informações do arquivo
  • Obter histórico de versões do arquivo
  • Obter componentes do arquivo

• Gerenciamento de Comentários

  • Listar comentários em arquivos
  • Adicionar novos comentários
  • Excluir comentários

• Recursos de Projeto e Equipe

  • Listar projetos da equipe
  • Obter arquivos do projeto
  • Obter estilos publicados

• Gerenciamento de Webhooks

  • Criar webhooks
  • Listar webhooks existentes
  • Excluir webhooks

Instalação

Instalação via Smithery

Para instalar o Figma MCP Server para Claude Desktop automaticamente via Smithery:

npx -y @smithery/cli install @deepsuthar496/figma-mcp-server --client claude

Instalação Manual

1. Clone o repositório
2. Instale as dependências:

npm install

3. Compile o servidor:

npm run build

Configuração

Configure o servidor no seu arquivo de configurações MCP com seu token de acesso do Figma:

{
  "mcpServers": {
    "figma": {
      "command": "node",
      "args": ["path/to/figma-server/build/index.js"],
      "env": {
        "FIGMA_ACCESS_TOKEN": "your-access-token-here"
      },
      "disabled": false,
      "alwaysAllow": []
    }
  }
}

Ferramentas Disponíveis

Operações de Arquivo

get_file

Obtenha informações sobre um arquivo do Figma

{
  "file_key": "string"
}

get_file_versions

Obtenha o histórico de versões de um arquivo

{
  "file_key": "string"
}

get_file_components

Obtenha componentes em um arquivo

{
  "file_key": "string"
}

Gerenciamento de Comentários

get_file_comments

Obtenha comentários de um arquivo

{
  "file_key": "string"
}

post_comment

Publique um comentário em um arquivo

{
  "file_key": "string",
  "message": "string"
}

delete_comment

Exclua um comentário de um arquivo

{
  "file_key": "string",
  "comment_id": "string"
}

Operações de Projeto e Equipe

get_team_projects

Obtenha projetos de uma equipe

{
  "team_id": "string"
}

get_project_files

Obtenha arquivos em um projeto

{
  "project_id": "string"
}

get_component_styles

Obtenha estilos publicados

{
  "team_id": "string"
}

Gerenciamento de Webhooks

create_webhook

Crie um webhook

{
  "team_id": "string",
  "event_type": "string",
  "callback_url": "string"
}

get_webhooks

Liste webhooks

{
  "team_id": "string"
}

delete_webhook

Exclua um webhook

{
  "webhook_id": "string"
}

Exemplo de Uso

// Example using the MCP tool to get file information
<use_mcp_tool>
<server_name>figma</server_name>
<tool_name>get_file</tool_name>
<arguments>
{
  "file_key": "your-file-key"
}
</arguments>
</use_mcp_tool>

Licença

MIT

Contribuição

1. Faça um fork do repositório
2. Crie sua branch de funcionalidade
3. Faça commit das suas alterações
4. Envie para a branch
5. Crie um novo Pull Request