Conectar Agente de desenvolvimento Para um figma MCP servidor

  • Versão de lançamento: Australia
  • Atualizado 26 de jun. de 2026
  • 7 min. de leitura

    • Conete o FIGMA Console do servidor do protocolo de contexto de modelo( MCP) para Agente de desenvolvimento 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

    Conetando o FIGMA MCP servidor para Agente de desenvolvimento ativa o. Agente de desenvolvimento Para acessar dados de design de arquivos FIGMA. A conexão ajuda a. Agente de desenvolvimento 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 Agente de desenvolvimento. Crie um app OAuth para obter o ID do cliente e o segredo do cliente. Em seguida, configure o. ServiceNow IDE Para manipular o processo OAuth usando as credenciais.

    Procedimento

    1. Configure um app OAuth no FIGMA
    2. Configure o provedor de OAuth em ServiceNow IDE
    3. Conecte o servidor do FIGMA MCP a. Agente de desenvolvimento
      Figura 1. Fluxo de trabalho de geração de aplicações usando o FIGMA e. Agente de desenvolvimento
      Fluxograma mostrando o processo do agente de criação do FIGMA para a geração da aplicação. Para obter etapas detalhadas do processo, consulte o texto ao redor.

    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. Agente de desenvolvimento 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 Agente de desenvolvimento instalado. Para conectar o servidor FIGMA MCP ao Agente de desenvolvimento, Você deve criar um app OAuth no FIGMA. Este processo gera um ID do cliente e um segredo do cliente. ServiceNow O 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 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 ServiceNow IDE.
      Importante:

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

    6. Selecione 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 Credenciais do 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 ServiceNow nome da instância.
      O fluxo OAuth só funciona em ServiceNow Instâ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. ServiceNow gerente de conta ou ServiceNow Suporte ( 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 ServiceNow IDE

    Configure um registro da aplicação OAuth e credenciais para habilitar o. ServiceNow IDE Para 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 guia.
    3. Clique duas vezes (ou use o atalho de teclado) Insira uma nova linha para adicionar uma 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 de OAuth FIGMA" 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 do 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. Agente de desenvolvimento

    Conecte o servidor FIGMA MCP (Protocolo de contexto do modelo) ao Agente de desenvolvimento 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. ServiceNow E FIGMA, agora você pode vincular Agente de desenvolvimento Para a sua conta FIGMA para começar a usar o Servidor FIGMA MCP. . Agente de desenvolvimento em ServiceNow IDE permite que você crie e atualize automaticamente ServiceNow aplicaçõ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 ServiceNow IDE, 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 FIGMA e. Configure o provedor de OAuth em ServiceNow IDE.

    2. Habilite o servidor FIGMA MCP em ServiceNow IDE:
      1. Ativado ServiceNow IDE, selecione o ícone de engrenagem Ícone de engrenagemno canto inferior esquerdo e selecione Configurações .
      2. Pesquise Agente de desenvolvimento.
        Todos os Agente de desenvolvimento as configurações estão listadas.
      3. Selecione o servidor FIGMA MCP Build-agent: Habilite servidores MCP caixa de seleção.
    3. Abra o. Agente de desenvolvimento 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 ServiceNow aplicação.
    6. Depois de aprovar o. ServiceNow solicitação de conexão, volte para Agente de desenvolvimento painel de bate-papo.
      O status do FIGMA MCP Server é verde, indicando que ele está conectado ao FIGMA, e todas as ferramentas disponíveis estão listadas. O token gerado é salvo na tabela Credencial Git do IDE no ServiceNow IDE.

    Resultado

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

    Por exemplo, você pode usar prompts como: "Criar uma página de IU e criar <figma link>". . Agente de desenvolvimento 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 descomplicado, 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 uma melhor codificação e. Escreva prompts eficazes para orientar a IA .

    Tabela 1. Solução de problemas: Agente de desenvolvimento 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 ServiceNow IDE e encontrar o token relevante. Na coluna Ativo, alterne o valor de verdadeiro para falso para esse token.
    2. Volte para Agente de desenvolvimento 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.