Conecte o servidor do FIGMA MCP a.

  • Versão de lançamento: Zurich
  • Atualizado 13 de mar. de 2026
  • 7 min. de leitura

    • Conecte o servidor FIGMA MCP ao Para acelerar a conversão de designs do FIGMA em aplicações de nível empresarial no ServiceNow AI Platform.

    Antes de Iniciar

    Função necessária: administrador

    Por Que e Quando Desempenhar Esta Tarefa

    Conectando o servidor FIGMA MCP (Protocolo de contexto do modelo) ao ativa o. Para acessar dados de design de arquivos FIGMA. Esta conexão ajuda a. entenda o design e sua intenção, permitindo que ele crie aplicações que correspondam ao design.

    Visite o Portal do desenvolvedor do FIGMA para conectar o servidor do FIGMA MCP ao . Crie um app OAuth para obter o ID do cliente e o segredo do cliente. Em seguida, configure o. IDE da ServiceNowPara manipular o processo OAuth usando as credenciais.

    Procedimento

    1. Configure um app OAuth no FIGMA
    2. Configure o provedor de OAuth em IDE da ServiceNow
    3. Conecte o servidor do FIGMA MCP a.
      Figura 1. Fluxo de trabalho de geração de aplicações usando o FIGMA e o Build Agent
      Um diagrama de fluxo de processo mostrando a integração do FIGMA por meio da autenticação OAuth, conectando-se ao servidor do FIGMA MCP, depois ao agente de compilação e, finalmente, resultando na geração da aplicação

    Configure um app OAuth no FIGMA

    Crie uma aplicação OAuth no FIGMA para habilitar o servidor do FIGMA MCP para autenticar usuários via OAuth e conceder o. Acesso aos designs do FIGMA.

    Antes de Iniciar

    Você deve ter uma licença de desenvolvedor ou Full em um plano Figma Pro, Org ou Enterprise.

    Função necessária: administrador

    Por Que e Quando Desempenhar Esta Tarefa

    O servidor do FIGMA MCP (Model Context Protocol) usa OAuth para autenticação e torna os dados de design do FIGMA acessíveis ao instalado. Para conectar o servidor FIGMA MCP ao , Você deve criar um app OAuth no FIGMA. Este processo gera um ID do cliente e um segredo do cliente. ServiceNowO usa essas credenciais para iniciar o processo OAuth e autenticar usuários com suas contas FIGMA.

    Procedimento

    Etapa 1: Crie uma aplicação OAuth no FIGMA para obter o ID do cliente e o segredo do cliente.
    1. Vá para Página de desenvolvedores do FIGMA .
    2. Selecione Crie um novo app .
    3. Insira as seguintes informações no formulário.
      CampoDescrição
      Nome Nome da sua aplicação; por exemplo, Integração ServiceNow.
      Escolha um proprietário para o seu app

      Equipe ou organização que deve ser proprietária do app.

      Importante:
      O valor inserido não pode ser modificado.
    4. Selecione Criar app .
      Um ID do cliente e um segredo do cliente são gerados.
    5. Armazene o ID do cliente e o segredo do cliente com segurança, pois você precisará deles para a configuração do OAuth no IDE da ServiceNow.
      Importante:

      Você não poderá ver o segredo do cliente novamente depois de fechar esta janela.

    6. Clique em Done (Concluído).
    Passo 2: Configure e publique o app OAuth no FIGMA.
    1. Abra a aplicação que você criou.
    2. Opcional: Em Geral , carregue um logotipo para seu app e forneça uma breve descrição.
    3. Em OAuth , no URLs de redirecionamento , adicione o seguinte URL: https://<instance name>.service-now.com/oauth_redirect.do . e, em seguida, substitua <instance name> com real ServiceNownome da instância.
      O fluxo OAuth só funciona em ServiceNowInstâncias incluídas na lista de URLs de redirecionamento. Certifique-se de adicionar todas as instâncias em que você deseja que o fluxo OAuth funcione a esta lista.

      Você pode adicionar um URL de redirecionamento a qualquer momento.

    4. Na guia escopos do OAuth, na seção MCP, selecione mcp:conectar caixa de seleção.
      Importante:
      Se a seção do MCP não estiver visível, entre em contato com o. ServiceNowgerente de conta ou ServiceNowSuporte ( Entre em contato com o suporte da ServiceNow ) Para habilitar o escopo de conexão do MCP. Certifique-se de compartilhar seu ID de cliente com eles para que eles possam habilitar o recurso MCP.
    5. Em Publicar certifique-se de Privado estiver marcada e, em seguida, selecione Publicar .

    Configure o provedor de OAuth em IDE da ServiceNow

    Configure um registro da aplicação OAuth e credenciais para habilitar o. IDE da ServiceNowPara se conetar ao seu FIGMA.

    Antes de Iniciar

    Função necessária: administrador

    Procedimento

    Etapa 1: Crie um registro de registro de aplicações.
    1. Em sua instância da ServiceNow, navegue até OAuth de Sistema > Registro de aplicações.
    2. Selecione Novo.
    3. Na página do interceptador, selecione Conecte-se a um provedor de OAuth terceirizado .
    4. Preencha o formulário com os seguintes detalhes.
      CampoDescrição
      Nome Um nome exclusivo; por exemplo, Provedor FIGMA OAuth.
      ID de cliente ID do cliente que você obteve do app FIGMA.
      Segredo do cliente Segredo do cliente que você obteve do app FIGMA.
      Tipo de concessão padrão Selecione Código de autorização na lista suspensa.
      URL de Autorização https://www.figma.com/oauth.
      URL de Token https://api.figma.com/v1/oauth/token.
      Redirecional URL O URL de redirecionamento que você adicionou no app FIGMA.
      Enviar Credenciais Selecione Como cabeçalho de autorização básica .
    5. Selecione Enviar.
    Etapa 2: Defina o escopo do OAuth.
    1. No registro do Registro de aplicações que você salvou, role para baixo até as listas relacionadas.
    2. Selecione Escopos da entidade OAuth .
    3. Clique duas vezes (ou use o atalho de teclado) Insira uma nova linha para adicionar uma nova linha.
    4. Na nova linha, insira os seguintes valores.
      CampoDescrição
      Nome Um nome; por exemplo, FIGMA MCP Connect.
      Escopo do OAuth Nome exato do escopo que você definiu no FIGMA (mcp:connect).
    5. Selecione Atualizar.

      A guia de configuração dos escopos de entidade OAuth mostra os campos "Nome" e "Escopo OAuth", um exemplo "FIGMA MCP Connect: mcp:connect" e opções para adicionar, atualizar ou excluir escopos.
    Etapa 3: Configure o perfil da entidade OAuth.
    1. No mesmo registro de registro de aplicações, selecione Perfis de entidade OAuth .

      Na guia Perfis de entidade OAuth, perfis existentes como o "Provedor FIGMA OAuth" com o tipo de concessão Código de autorização são mostrados, juntamente com opções para atualizar, excluir ou adicionar perfis.
      Você verá um perfil padrão criado automaticamente.
    2. Selecione o nome do perfil para abrir o registro.
    3. Renomeie o perfil padrão como figma_profile .
    4. No registro Perfil da entidade OAuth, em Escopos de perfil da entidade OAuth lista relacionada, clique duas vezes (ou use o atalho de teclado) Insira uma nova linha .
    5. Pesquisar Conexão do FIGMA MCP e selecione-a.

      Na página de configuração do perfil do provedor FIGMA OAuth, o escopo da entidade OAuth "FIGMA" se conecta ao "Provedor FIGMA OAuth default_profile" por meio do tipo de concessão Código de autorização.
    6. Selecione Save (Salvar).
      Você será redirecionado de volta para o registro de perfil.
    7. Selecione Atualizar para salvar o perfil.
      O perfil padrão está conectado ao escopo do MCP.

    Conecte o servidor do FIGMA MCP a.

    Conecte o servidor FIGMA MCP (Protocolo de contexto do modelo) ao Para tornar os designs do FIGMA acessíveis para a criação da aplicação.

    Antes de Iniciar

    Função necessária: administrador

    Por Que e Quando Desempenhar Esta Tarefa

    Com a conexão OAuth configurada entre o. ServiceNowE FIGMA, agora você pode vincular Para a sua conta FIGMA para começar a usar o servidor FIGMA MCP. . em IDE da ServiceNowpermite que você crie e atualize automaticamente ServiceNowaplicações.

    Procedimento

    1. Certifique-se de que o app OAuth esteja configurado no FIGMA e que você criou o registro da aplicação.
      Dica:
      Em IDE da ServiceNow, vá para Tudo > OAuth de Sistema > Registro de aplicações Para verificar se o app OAuth foi criado e configurado no FIGMA.

      Para obter etapas de configuração, consulte Configure um app OAuth no FIGMAe. Configure o provedor de OAuth em IDE da ServiceNow.

    2. Habilite o servidor FIGMA MCP em IDE da ServiceNow:
      1. Ativado IDE da ServiceNow, selecione o ícone de engrenagem Ícone de engrenagemno canto inferior esquerdo e selecione Configurações .
      2. Pesquise .
        Todos os as configurações estão listadas.
      3. Para habilitar o servidor FIGMA MCP, selecione Build-agent: Habilite servidores MCP caixa de seleção.
    3. Abra o. painel de bate-papo.
    4. Localize o ícone do MCP Ícone de MCPNo canto superior direito do painel de bate-papo e selecione-o para abrir a página do servidor do MCP.
    5. Selecione Conectar Para acionar o fluxo de autenticação OAuth que você configurou.
      Você será solicitado a fazer login no FIGMA e autorizar seu ServiceNowaplicação.
    6. Depois de aprovar o. ServiceNowsolicitação de conexão, volte para painel de bate-papo.
      O status do FIGMA MCP Server é verde, indicando que ele está conectado ao FIGMA e que todas as ferramentas disponíveis estão listadas. O token gerado é salvo na tabela Credencial Git do IDE no IDE da ServiceNow.

    Resultado

    Agora você pode interagir com o servidor do FIGMA MCP usando linguagem natural por meio do .

    Por exemplo, você pode usar prompts como: "Criar uma página de IU e criar <figma link>". . Recupera o contexto de design do FIGMA e cria uma aplicação que corresponde ao design.

    Importante:
    A extensão em que a aplicação se alinha com o design original é amplamente influenciada pela complexidade e pela estrutura geral do design. Quando o design é simples e simples, a aplicação tende a espelhar de perto o design pretendido. Por outro lado, se o design for intrincado ou multifacetado, a aplicação pode divergir mais significativamente do design original.

    Para organizar melhor seus arquivos FIGMA, consulte Estruture seu arquivo FIGMA para melhor codificação e. Escreva prompts eficazes para orientar a IA .

    Tabela 1. Solução de problemas: Problemas
    Ocorrência Descrição Solução
    Erro de acesso não autorizado Às vezes, o servidor MCP pode estar inativo e você pode encontrar um erro de acesso não autorizado. O problema ocorre quando o FIGMA rejeita o token criado após a conclusão do fluxo OAuth.
    Execute as seguintes etapas para corrigir o problema:
    1. Navegue até Credencial Git do IDE tabela no IDE da ServiceNowe encontrar o token relevante. Na coluna Ativo, alterne o valor de verdadeiro para falso para esse token.
    2. Volte para painel de bate-papo.
    3. Localize o ícone do MCP Ícone de MCPNo canto superior direito do painel de bate-papo e selecione-o para abrir a página do servidor do MCP.
    4. Selecione Conectar Para acionar o fluxo de autenticação OAuth.