Quem pode usar esse recurso
Planos Iniciante, Profissional, Educação (exceto ensino fundamental e médio), Organização e Enterprise
É necessário ter acesso de edição ao arquivo
O agente Figma e o Figma Make podem se conectar a ferramentas externas pelo Protocolo de Contexto de Modelo (MCP), permitindo que você trabalhe com documentos, tarefas e dados de outros aplicativos como contexto para seus designs, apps e protótipos.
Por exemplo, você pode conectar o Figma Make ao Notion para importar um documento de requisitos de produto (PRD) diretamente no chat do Figma e pedir ao Make para usá-lo como fonte para construir um protótipo. Se o PRD mudar, basta executar o conector novamente para atualizar o contexto e o protótipo. Você também pode enviar conteúdo de volta para o Notion, como uma lista de critérios de aceitação, ativando as ferramentas de gravação nas configurações do conector.
Qual é a diferença entre os conectores MCP no Figma e o servidor MCP do Figma?
Quando você conecta ferramentas externas no agente ou no Figma Make, ele atua como um cliente MCP. O cliente chama ferramentas hospedadas em um servidor MCP, como os conectores do Notion ou Asana, para ler ou escrever dados dessa fonte. Com base no seu prompt, o Figma AI decide qual conector e ferramentas usar.
Por sua vez, o servidor MCP do Figma inclui uma lista de ferramentas que torna os dados do seu arquivo disponíveis para outros clientes MCP.
Adicionar um conector
Cada pessoa precisa adicionar e autenticar os conectores que deseja usar.
Para adicionar um conector, primeiro você precisará autenticar. Por exemplo, ao adicionar o Notion, você selecionará sua área de trabalho e aprovará as permissões de acesso.
- Na caixa de chat, clique em Adicionar contexto.
- Selecione Conectores.
- Navegue pela lista de conectores disponíveis.
- Clique em Conectar ao lado do conector que deseja usar.
- Siga os prompts para autenticar através do fluxo OAuth da ferramenta externa.
- Após a conexão, clique em Adicionar contexto para confirmar que o conector aparece na lista.
Dica: se não aparecer um prompt de autenticação, seu navegador pode estar bloqueando pop-ups. Na barra de endereço do navegador, procure o ícone do bloqueador de pop-ups e permita pop-ups para o Figma.
Obs.: se não houver a opção Conectores no menu, um administrador pode ter desativado esse recurso para sua organização.
Usar um conector no chat
Quando um conector e suas ferramentas estão habilitados para o bate-papo atual, você pode invocá-lo naturalmente no fluxo da conversa.
- Para mencionar explicitamente um conector no seu prompt, digite @ no chat para ver a lista de conectores ativos. Selecione o que deseja usar e ele aparecerá acima da sua mensagem. Assim, o agente usa apenas conectores específicos para a tarefa atual.
- Digite um prompt que mencione o conector. Por exemplo, cole um link do Asana e escreva "Use as especificações deste projeto para criar um protótipo em rascunho inicial".
- Se o seu prompt exige um conector, o agente mostra qual conector e ferramenta ele pretende invocar e pede autorização. Clique em Executar para prosseguir. Você pode gerenciar cada ferramenta e suas permissões nas configurações do conector.
Se o conteúdo da fonte mudar, execute o conector novamente para trazer o contexto mais recente.
Quando uma ferramenta de conector está configurada para Sempre executar, os downloads de arquivos podem falhar se a resposta exceder 16 MB. Para arquivos de texto, isso geralmente corresponde a um arquivo de até 16 MB. Imagens maiores que 5–6 MB podem exceder o limite porque a codificação da imagem aumenta o tamanho da resposta. Isso se aplica a todos os conectores no agente Figma e no Figma Make. Se uma imagem grande não baixar, configure a ferramenta para Perguntar antes de executar e tente novamente.
Quais conectores em destaque estão disponíveis
O Figma aceita um conjunto limitado de conectores verificados. Esses servidores MCP foram avaliados por nossa equipe conforme os padrões de segurança e privacidade do Figma.
Obs.: você precisa de uma conta no serviço externo para usar o conector correspondente. A disponibilidade pode depender de seu plano, acesso, função ou acesso dentro desse serviço.
O Figma fornece os seguintes conectores em destaque:
Dica: precisa de conexão com um servidor MCP que não está na lista? Você pode criar um conector MCP personalizado. E necessário um plano pago para criar conectores MCP personalizados.
Amplitude
- Acesse tendências de usuários, funis e experimentos do Amplitude pelo Figma para gerar designs e protótipos com contexto de produto.
- Crie e teste variantes de design para acompanhar o impacto no comportamento do usuário.
Asana
- Acesse tarefas e projetos do Asana no Figma para acompanhar o progresso e prioridades da equipe em tempo real.
- Crie e gerencie tarefas no Asana, alinhando seus projetos alinhados do conceito à conclusão.
Askable
- Acesse suas descobertas de pesquisa do Askable dentro do Figma.
- Consulte suas evidências e baseie protótipos no que os participantes verificados realmente disseram e fizeram.
Atlassian
- Acesse e edite páginas e documentação do Confluence no próprio Figma para manter especificações, decisões e trabalho de design conectados.
- Acesse, crie e transite problemas e épicos do Jira sem troca de contexto, permitindo que as equipes passem tranquilamente do design ao desenvolvimento.
- Acesse, crie e atualize componentes, serviços e quadro de pontuações do Compass para manter os designs e protótipos vinculados ao seu ecossistema de engenharia.
Box
- Acesse hubs e conteúdos do Box durante o seu processo de design, aplicando as políticas de segurança e acesso do Box.
- Extraia os principais insights e consulte todo o seu conteúdo para fundamentar protótipos no contexto da sua empresa.
Contentsquare
- Acesse análises do Contentsquare pelo Figma, como jornadas de usuários, funis e métricas de páginas.
- Consulte como as pessoas usam seu produto ao vivo para fundamentar decisões de design em comportamentos reais. O conector é somente leitura.
Dovetail
- Acesse dados de clientes do Dovetail no Figma para embasar decisões de design.
- Pesquise em toda a sua área de trabalho Dovetail para encontrar projetos, dados e documentos relevantes.
Google Drive
- Acesse arquivos do Google Drive pelo Figma para embasar o design e protótipos em pesquisas, dados, imagens ou outros contextos da sua equipe.
- Crie novos arquivos no Google Drive pelo Figma para resumir decisões e carregar recursos, facilitando o compartilhamento onde sua equipe já trabalha.
Obs.: o conector do Google Drive não está disponível com o add-on Governance+.
Granola
- Conecte o Figma ao seu histórico de reuniões no Granola
- Procure nas notas de reunião, encontre tópicos específicos discutidos em reuniões anteriores, extraia itens de ação ou decisões de suas notas, responda a perguntas com base no histórico de suas reuniões e mais.
GitHub
- Acesse repositórios públicos ou privados do GitHub, problemas e solicitações de pull para manter o trabalho de design ligado ao seu código-fonte.
- Crie e resuma issues e PRs no GitHub diretamente do Figma, para que as mudanças no design sejam traduzidas diretamente em ações de desenvolvimento.
Hex
- Traga painéis do Hex e apps de dados, e faça perguntas de dados em conversas do Hex.
- Incorpore dados em suas apresentações, designs e quadros.
Linear
- Acesse issues, projetos e documentos do Linear pel Figma para gerar designs e protótipos com contexto relevante.
- Crie e gerencie questões e projetos no Linear, transformando designs e protótipos em trabalho planejado.
Mapbox
- Adicione um mapa interativo ao vivo do Mapbox ao seu protótipo do Figma Make.
- Gere locais do mundo real a partir do conjunto de tiles Mapbox Streets v8 com o agente Figma.
- Estilize os mapas com a sua marca e torne-os acessíveis.
Marvin
- Acesse o Marvin pelo Figma para fundamentar seus designs com feedback real de usuários e dados.
- Gere resumos do conhecimento do cliente, projetando com confiança e validando protótipos com rapidez.
- Requer o plano Marvin Enterprise e a função de Coautor ou Administrador no Marvin.
Mobbin
- Incorpore telas e padrões do Mobbin ao seu fluxo de trabalho para pesquisa e referência.
- Use referências Mobbin e combine-as com seu design system para criar ideias de design.
- Compare seus designs no Figma com os benchmarks do Mobbin.
monday.com
- Acesse quadros e itens do monday.com pelo Figma para manter o alinhamento com o planejamento e as prioridades da equipe.
- Crie e gerencie atualizações, deixando seu trabalho visível e conectado para todas as equipes.
Notion
- Acesse páginas e bancos de dados do Notion pelo Figma para trazer contexto, especificações e notas ao seu fluxo de design.
- Crie e atualize documentos do Notion para que sua documentação de design permaneça organizada e sempre sincronizada.
Slack
- Pesquise e leia mensagens, conversas, canais, usuários e arquivos do Slack.
- Envie mensagens e crie telas de trabalho e canais.
Sprig
- Acesse pesquisas de clientes dentro do Figma para fundamentar designs e protótipos em evidências.
- Crie e lance estudos do Sprig para testar designs, conceitos e protótipos criados com o Figma e medir a resposta dos usuários.
Twilio
- Acesse a documentação da API do Twilio no Figma para construir recursos de comunicação como mensagens, voz e verificação em seus protótipos.
- Gere código preciso e atualizado para as APIs do Twilio sem sair do seu fluxo de design. O conector fornece o conhecimento da API e não envia mensagens nem acessa os dados da sua conta.
Zapier
- Conecte Google Drive, Microsoft Office, Zoom, Jira, HubSpot, Slack e mais de 9.000 outros apps pela mesma conexão.
- Traga o contexto de suas ferramentas para o seu fluxo de trabalho de design e prototipagem: um documento de requisitos, uma planilha com dados reais ou resumos de reuniões. Vá além e crie tarefas, envie mensagens e acione fluxos de trabalho em toda a sua estrutura de ferramentas, usando um só prompt.
zeroheight
- Turbine o Figma com o contexto do design system do seu guia de estilo zeroheight para gerar protótipos no sistema em segundos.
- Use o Figma para testar seus documentos do zeroheight sob condições extremas. Erros de interpretação da IA podem revelar orientações pouco claras e ajudar a priorizar melhorias.
- Exige o plano Enterprise do zeroheight e acesso à equipe DS como editor ou administrador. Os visualizadores de documentação podem criar um conector personalizado para acessar o servidor MCP do zeroheight.
Obs.: gostaria de conectar seu produto ao Figma? Estamos recebendo manifestações de interesse para novas parcerias. Se for o seu caso, explique para nós o seu produto e caso de uso.
Gerenciar configurações de conectores
Alguns conectores incluem várias ferramentas MCP. Essas ferramentas realizam funções diferentes dentro do conector, como buscar dados, enviar atualizações ou gerenciar conteúdo.
Você pode controlar quais ferramentas estão disponíveis no Figma; por exemplo, você pode querer permitir uma ferramenta que busca conteúdo, mas desativar ferramentas que enviam conteúdo de volta para a fonte externa.
Obs.: as ferramentas que gravam em fontes externas ficam desativadas por padrão. É preciso ativá-las manualmente se você quiser enviar conteúdo de volta para o serviço conectado.
Você também pode controlar as permissões de cada ferramenta de um conector. Opções disponíveis:
| Configuração | Como funciona | Quando usar |
|---|---|---|
| Pedir para executar | O Figma sempre pede permissão para executar a ferramenta. | Você quer controlar todas as execuções da ferramenta pelo agente na conversa. |
| Executar sempre | O Figma executa a ferramenta quando necessário, sem pedir permissão. | Você confia na fonte externa e nos dados disponíveis |
| Nunca executar | O Figma não tenta executar a ferramenta. | Use esta configuração para ferramentas que você não precisa; ela pode ajudar a acelerar o Figma AI, reduzindo o número de ferramentas a escolher. |
Atenção: cuidado com injeções de prompt de fontes externas ao adicionar contexto.
Você também pode desativar temporariamente conectores para garantir que não sejam usados na conversa atual.
- Na caixa de chat, clique em Adicionar contexto. Passe o cursor sobre Conectores e selecione Gerenciar.
- Clique em Gerenciar no conector.
- Habilite ou desabilite as ferramentas de leitura ou gravação, ou configure permissões para cada ferramenta do conector.
Dica: ative apenas os conectores e ferramentas necessários para ajudar o agente a funcionar mais rápido.
Desconectar um conector
Desconectar um conector impede que o agente Figma e o Figma Make leiam ou escrevam dados através dele. Não exclui nenhum dado na ferramenta externa e você pode se reconectar mais tarde, readicionando e autenticando.
- Na caixa de chat, clique em Adicionar contexto. Passe o cursor sobre Conectores e selecione Gerenciar.
- Clique em Gerenciar no conector.
- Na parte inferior do modal, clique em Desconectar.