Este recurso está em beta aberto e será implementado nas próximas semanas. Se ainda não estiver na sua conta, aguarde; em breve estará disponível.
O Figma Make pode se conectar a ferramentas externas via Model Context Protocol (MCP), permitindo que você importe documentos, tarefas e dados de outros aplicativos como contexto para seu aplicativo ou protótipo.
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.
Qual é a diferença entre MCP no Figma Make e o servidor MCP do Figma?
Quando você conecta ferramentas externas ao Figma Make, ele atua como um cliente MCP. O cliente chama ferramentas hospedadas em um servidor MCP—por exemplo, 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.
Em contraste, 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. Os conectores não são gerenciados ou compartilhados por administradores.
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.
Observação: o Figma atualmente oferece suporte a um conjunto limitado de conectores, incluindo Atlassian, Linear, Asana e Notion. Esses servidores MCP foram avaliados por nossa equipe para garantir que atendem aos padrões de segurança e privacidade do Figma.
- Na caixa de bate-papo, clique em Adicionar contexto e selecione Adicionar conector.
- Navegue pela lista de conectores disponíveis.
- Clique em Adicionar ao lado do conector que deseja usar.
- Siga as instruções para autenticar através do fluxo OAuth da ferramenta externa.
- Uma vez conectado, clique em Adicionar contexto para confirmar que o conector aparece na lista.
Usar um conector no chat
Quando um conector está habilitado para o bate-papo atual, você pode chamá-lo naturalmente dentro do fluxo da conversa.
- Confirme se o conector está habilitado na sua conversa atual. Na caixa de bate-papo, clique em Adicionar contexto e selecione seu conector. Certifique-se de que a alternância está habilitada.
- Digite um prompt que faça referência ao conector. Por exemplo, cole um link do Asana e escreva “Use as especificações deste projeto Asana para criar um protótipo de rascunho inicial”.
- Se o seu prompt requer um conector, o Figma AI mostrará qual conector e ferramenta ele planeja chamar e pedirá consentimento. Clique em Executar para prosseguir.
Se o conteúdo da fonte mudar, execute o conector novamente para trazer o contexto mais recente.
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.
Você também pode desativar temporariamente conectores para garantir que não sejam usados na conversa atual.
- Na caixa de bate-papo, clique em Adicionar contexto e selecione o conector que deseja gerenciar.
- Habilite ou desabilite o próprio conector, ou ferramentas individuais dentro desse conector.
Dica: habilite apenas os conectores relevantes para ajudar o Figma AI a trabalhar mais rápido.
Desconectar um conector
A desconexão impede que o Figma acesse dados através desse conector. Isso não exclui nenhum dado na ferramenta externa e você pode se reconectar mais tarde ao adicionar e autenticar novamente.
- Na caixa de bate-papo, clique em Adicionar contexto e selecione Adicionar conector.
- Na janela de Gerenciar conectores, clique em Gerenciar no conector que deseja remover.
- Clique em Desconectar.