Integração · Ferramentas para programadores

Conecte Claude e ChatGPT ao Figma

Pergunte à sua IA sobre comentários abertos em um design, alterações na última versão ou exporte uma frame como imagem do Figma. Ela lê arquivos, páginas, frames e camadas, comentários e histórico de versões, além de listar componentes e estilos nas suas bibliotecas. Também pode publicar e responder a comentários, permitindo que revisões de design iniciem no chat.

Ligar Figma gratuitamente

Plano gratuito, sem cartão de crédito. Demora cerca de um minuto.

Experimente pedir

“Resuma os comentários abertos no arquivo de redesign do Checkout.”
A IA lista os comentários do arquivo com autor, texto, respostas e onde estão fixados, além de resumir o que ainda está aberto.
“Exporte a frame Mobile / Home como PNG em escala 2x.”
Ela renderiza a frame como PNG na escala 2 e fornece um link de download que expira após 30 dias.
“O que mudou no arquivo Checkout esta semana?”
Ela lista as versões salvas com rótulos, descrições, autores e datas.

O que a sua IA pode fazer

Arquivos e camadas

Leia as páginas e frames de um arquivo, busque camadas específicas pelo ID do nó e exporte frames ou camadas como imagens PNG.

Comentários e versões

Leia comentários e respostas, publique e reaja a comentários e veja o histórico de versões de um arquivo.

Bibliotecas e projetos

Liste componentes e estilos publicados, navegue pelos projetos e arquivos de uma equipe e leia links de desenvolvedor nas camadas.

“Quais componentes estão na biblioteca do nosso sistema de design?”
Ela lista os componentes publicados no arquivo da biblioteca com nome e descrição.
“Responda ao comentário da Anna sobre o cabeçalho: corrigido na versão 12.”
Ela publica sua resposta no mesmo thread de comentários, visível para todos com acesso ao arquivo.
“Liste os estilos de texto e cores na biblioteca da marca.”
Ela lista os estilos publicados de cor, texto, efeito e grade no arquivo da biblioteca.

50 ferramentas para Figma

Estas ferramentas são ativadas quando estabelece a ligação. Pode desativar qualquer uma delas ou exigir a sua aprovação antes de ser executada.

create_dev_resourceAltera dadosCrie um novo recurso de desenvolvedor. Obrigatório: recursos de dev. Resumo da API: Criar recursos de dev.
create_developer_logAltera dadosCrie um novo registro de desenvolvedor. Resumo da API: Obter registros de dev.
create_document_variableAltera dadosCrie uma nova variável para um documento. Resumo da API: Criar/modificar/deletar variáveis.
create_webhookElimina dadosCrie um novo webhook. Obrigatório: tipo de evento, contexto, ID do contexto, endpoint ou senha. Ação destrutiva; pode exigir aprovação. Resumo da API: Criar webhook.
delete_commentElimina dadosDeletemos um dos seus próprios comentários de um arquivo por seu ID de comentário (passado como `message_id`).
delete_comment_reactionsMovimenta dinheiroDeletemos permanentemente uma reação por ID de comentário. Ação financeira ou irreversível; pode exigir aprovação.
delete_document_dev_resourceElimina dadosDeletamos permanentemente um recurso de dev pelo seu ID de recurso de dev. Ação destrutiva; pode exigir aprovação. Resumo da API: Deletar recurso de dev.
delete_webhookElimina dadosExcluir permanentemente um webhook pelo seu ID. Ação destrutiva; pode exigir aprovação.
export_imagesRenderize quadros ou camadas como imagens PNG e obtenha links de download: `file_key`, separados por vírgula nó `ids` e opcional `scale` (0.01–4). Links expiram após 30 dias.
get_componentObtenha um componente publicado pelo seu `component_key`, com seu nome, descrição, arquivo e miniatura.
get_component_setObtenha um conjunto de componentes pela chave do conjunto de componentes. Resumo da API: Obter conjunto de componentes.
get_current_userObter o nome, e-mail e ID do usuário conectado.
get_fileObtenha a árvore de documentos de um arquivo pelo seu ID de arquivo (passado como `document_key`). Use um pequeno `depth` (ex: 2) para ver páginas e quadros de nível superior; arquivos grandes podem ser muito grandes.
get_file_infoObter detalhes básicos de um arquivo por `file_key` (da URL do arquivo): nome, proprietário, tipo de editor, miniatura e última edição, sem carregar o design.
get_library_analytics_style_action_dataListe ações. Filtros opcionais: agrupar por, data inicial ou final. Resultados são paginados. Resumo da API: Obter dados de análise de estilo de biblioteca de ação.
get_library_analytics_style_usage_dataListar usos. Filtros opcionais: agrupamento. Resultados paginados. Resumo da API: Obter dados de uso de estilos de análise da biblioteca.
get_library_analytics_variable_action_dataListar ações. Filtros opcionais: agrupamento, data inicial ou final. Resultados paginados. Resumo da API: Obter dados de ação de variável de análise da biblioteca.
get_library_analytics_variable_usage_dataListar usos. Filtros opcionais: agrupamento. Resultados paginados. Resumo da API: Obter dados de uso de variável de análise da biblioteca.
get_nodesObter camadas ou quadros específicos de um arquivo por `file_key` e `ids` separados por vírgula (a partir do node-id em uma URL da Figma, ex: '12:34'), com suas propriedades e filhos.
get_styleObter um estilo pelo seu identificador único. Resumo da API: Obter estilo.
get_webhookObter um webhook pelo seu ID de webhook. Resumo da API: Obter um webhook.
list_actionsListar ações. Filtros opcionais: agrupamento, data inicial ou final. Resultados paginados. Resumo da API: Obter dados de ação de componente de análise da biblioteca.
list_activity_logsListar registros de atividade. Filtros opcionais: eventos, hora inicial, hora final ou ordem. Resultados paginados. Resumo da API: Obter registros de atividade.
list_comment_reactionsListar reações para um comentário. Resultados paginados. Resumo da API: Obter reações para um comentário.
list_commentsListar comentários em um arquivo por `file_key`, com autor, texto, localização fixada e respostas; definir `as_md` para texto Markdown.
list_dailiesListar diários. Filtros opcionais: data inicial, data final ou e-mail do usuário. Resultados paginados. Resumo da API: Obter uso de créditos de IA diário.
list_dev_resourcesListar links de desenvolvedor (ex: para código, tickets ou docs) anexados às camadas de um arquivo, opcionalmente para `node_ids` específicos.
list_document_component_setsListar conjuntos de componentes para um documento. Resumo da API: Obter conjuntos de componentes de arquivo.
list_document_imagesListar imagens para um documento. Resumo da API: Obter preenchimentos de imagem.
list_file_componentsListar os componentes publicados em um arquivo de biblioteca por `file_key`.
list_file_stylesListar os estilos publicados de cor, texto, efeito e grade em um arquivo de biblioteca por `file_key`.
list_folder_metaListar metadados para uma pasta. Resumo da API: Obter metadados de pasta.
list_localsListar locais. Resumo da API: Obter variáveis locais.
list_oembedsListar oembeds. Filtros opcionais: url, largura máxima ou altura máxima. Resumo da API: Obter dados de oEmbed.
list_paymentsListar pagamentos. Filtros opcionais: token de pagamento do plugin, ID do usuário, ID do arquivo da comunidade, ID do plugin ou ID do widget. Resumo da API: Obter pagamentos.
list_project_filesListar os arquivos de design em um projeto ou pasta por `folder_id`, com chaves de arquivo, nomes, miniaturas e datas de modificação última.
list_publishedsListar publicações. Resumo da API: Obter variáveis publicadas.
list_subfoldersListar as pastas dentro de um projeto ou pasta por `folder_id`.
list_team_component_setsListar conjuntos de componentes para uma equipe. Filtros opcionais: antes. Os resultados são paginados. Resumo da API: Obter conjuntos de componentes da equipe.
list_team_componentsListar todos os componentes publicados nas bibliotecas de uma equipe via `team_id`.
list_team_projectsListar os projetos (pastas) em uma equipe via `team_id`, o número após /team/ em uma URL da equipe do Figma.
list_team_stylesListar estilos para uma equipe. Filtros opcionais: antes. Os resultados são paginados. Resumo da API: Obter estilos da equipe.
list_usagesListar usos. Filtros opcionais: agrupar por. Os resultados são paginados. Resumo da API: Obter dados de uso de componentes de análise da biblioteca.
list_versionsListar o histórico de versões de um arquivo: versões salvas com rótulos, descrições, autores e datas.
list_webhook_requestsListar solicitações para um webhook. Resumo da API: Obter solicitações do webhook.
list_webhooksListar webhooks. Filtros opcionais: contexto, ID do contexto ou ID da API do plano. Os resultados são paginados. Resumo da API: Obter webhooks por contexto ou plano.
post_commentAltera dadosPublique um comentário em um arquivo com `file_key` e `message`; responda a um comentário com `comment_id`, ou fixe-o em um local ou nó com `client_meta`. Todos com acesso ao arquivo podem vê-lo.
react_to_commentAltera dadosAdicione uma reação com emoji (ex: ':+1:') a um comentário por `file_key` e `comment_id`.
update_dev_resourcesVisível para outras pessoasAtualizar um recurso de desenvolvimento existente. Tem efeitos visíveis fora deste sistema. Resumo da API: Atualizar recursos de desenvolvimento.
update_webhookElimina dadosAtualizar um webhook existente identificado pelo ID do webhook. Ação destrutiva; pode exigir aprovação. Resumo da API: Atualizar um webhook.

Configure em três passos

1
Escolha a aplicação
Crie uma conta gratuita no PipMCP e escolha Figma na lista de aplicações.
2
Cole a sua chave
Cole um token de acesso pessoal do Figma. Abra Configurações no menu da conta > Segurança > Tokens de acesso pessoais, clique em Gerar novo token, escolha as permissões necessárias e copie o token.
3
Adicione a ligação à sua IA
Receberá uma ligação MCP pessoal. Adicione-a ao Claude, ao ChatGPT ou ao Cursor:
1. Clique no seu nome e depois em Definições › Conectores › Adicionar conector personalizado.
2. Cole a sua ligação no campo URL do servidor MCP remoto.
3. Ative-o no menu + de uma conversa.

Perguntas

O que a IA pode fazer no Figma?

A IA pode ler arquivos, páginas, frames e camadas, comentários, histórico de versões, componentes e estilos publicados, projetos da equipe e links de desenvolvedor, além de exportar frames ou camadas como imagens PNG. Ela pode publicar e responder a comentários e adicionar reações. Também pode excluir um dos seus próprios comentários se você ativar essa ferramenta.

A IA vê meu token de acesso do Figma?

Não. Suas credenciais do Figma são criptografadas em repouso e nunca mostradas à IA. Após salvar, elas não são mostradas novamente, nem mesmo a você. A IA só vê os resultados das ferramentas que ela chama.

Posso controlar o que a IA é autorizada a fazer?

Sim. Você escolhe quais ferramentas estão ativadas, para começar em modo de leitura apenas. Postar um comentário é visível para todos com acesso ao arquivo e deletar é permanente, então ambos podem exigir sua aprovação antes de rodarem. Toda chamada de ferramenta é registrada.

Funciona com o ChatGPT?

Sim. No ChatGPT, vá em Configurações › Aplicações & Conectores › Avançado e ative o Modo Desenvolvedor, depois adicione seu link do PipMCP. O Modo Desenvolvedor requer um plano pago do ChatGPT: Plus, Pro, Business ou Enterprise. O mesmo link funciona também no Claude (Configurações › Conectores › Adicionar conector personalizado), Cursor e outros clientes MCP.

Qual é o custo?

O PipMCP tem um plano gratuito sem necessidade de cartão de crédito. Planos pagos cobram por tarefa concluída. Você também precisa de sua própria conta do Figma.

A IA pode alterar meus designs?

Não. A IA lê designs e exporta imagens, mas não edita camadas ou quadros. As únicas coisas que ela pode escrever são comentários e reações. Para direcioná-la a um arquivo ou quadro, cole o link do Figma. A chave do arquivo e o ID do nó estão na URL.