Sansan revolucionou seus processos, do design à implementação, aproveitando o servidor MCP do Dev Mode e o Code Connect. Uma nova fase de desenvolvimento está em andamento, impulsionada pela colaboração entre humanos e IA.

Implementação "AI-First" do MCP da Sansan

O MCP (Protocolo de Contexto do Modelo) do Dev Mode da Figma é um mecanismo projetado para integrar os processos de design e desenvolvimento, oferecendo uma experiência de desenvolvimento potencializada por IA.

O banco de dados empresarial “Sansan” fortaleceu sua presença com serviços de gestão de cartões de visita e, desde então, expandiu seu portfólio com uma ampla gama de soluções sob a visão corporativa de “servir como infraestrutura essencial para empresas”, incluindo a solução de DX contábil “Bill One” e a solução de gestão de transações comerciais “Contract One”. Em particular, a equipe de desenvolvimento do Contract One está transformando o fluxo de trabalho do design à implementação, alavancando o servidor MCP do Dev Mode e o Code Connect, inaugurando uma nova era de desenvolvimento onde IA e humanos colaboram.

A Sansan começou a usar o Figma por volta de 2019. Inicialmente, foi utilizado principalmente pelos designers de produtos, mas mais tarde seu uso se expandiu para incluir departamentos como engenharia, vendas e sucesso do cliente. O Figma se tornou uma plataforma comum que conecta envolvidos internos e externos. Por exemplo, é usado para apresentar protótipos a clientes, comunicar conceitos de futuras funcionalidades e permitir que diferentes áreas forneçam feedback. À medida que o design system se consolidou, o Figma se tornou uma ferramenta familiar e acessível para todos na Sansan.

Para saber mais sobre o design system da Sansan, acesse: https://ui.one-design-system.sansan.com/?path=/docs/one-ui-component-library--docs

O Sr. Takenori Oshima, chefe da unidade de engenharia Contract One, lembra: “Isso permite que uma ampla variedade de membros — incluindo equipes de vendas e sucesso do cliente — interajam na mesma plataforma.” “Isso naturalmente levou a uma cultura de centralizar tudo ali.”

Além disso, a Sansan adotou o slogan "AI First" para 2025 e anunciou uma política corporativa para acelerar a adoção de IA. Para marcar essa mudança, a equipe do Contract One lançou a LLM Week e decidiu interromper temporariamente toda a codificação humana, assumindo o desafio de confiar tudo à IA.

O Sr. Oshima continuou: "Acreditávamos que era importante para todos realizar algo usando IA pelo menos uma vez." Pensamos que, ao experimentar tanto sucessos quanto falhas, poderíamos ter discussões de um nível superior."

No entanto, esta iniciativa apresentou um desafio sem precedentes e correu o risco de paralisar o desenvolvimento de front-end. O Sr. Takeshi Inoue, do Dev Group do Contract One, liderou os esforços para enfrentar esse cenário. “Para estarmos prontos a tempo da LLM Week, tivemos que agir rápido para entender como usar IA de forma eficiente.” O servidor MCP do Dev Mode havia acabado de ser lançado naquela época. Não havia informações disponíveis na comunidade naquele momento, e as únicas referências que conseguimos encontrar estavam no site oficial da Figma. Por meio de tentativa e erro, ajustamos os prompts até conseguirmos torná-lo utilizável.”

O Sr. Oshima explicou o raciocínio por trás da decisão de adotar o servidor MCP do Dev Mode: "Nossa ideia básica era primeiro experimentar a LLM Week e depois tomar uma decisão com base nos resultados. Em vez de sermos rigorosos sobre quais ideias adotar, decidimos tentar qualquer coisa com potencial. O Figma já estava disponível para uso dentro da empresa, e devido à natureza do nosso serviço, que envolve a gestão de contratos, as ferramentas de IA que poderíamos usar eram limitadas. Em outras palavras, o servidor MCP do Dev Mode era familiar para nós e fácil de implementar."

Assim, a Sansan adotou rapidamente o servidor MCP do Dev Mode. Ao combiná-lo com o Code Connect, reduzimos a lacuna entre design e implementação, abrindo caminho para o uso em larga escala de IA em nosso processo de desenvolvimento.

As realidades de utilizar o MCP que aceleraram o desenvolvimento de novas funcionalidades

A equipe do Contract One, que implementou o servidor MCP do Dev Mode e o Code Connect, primeiro conduziu testes repetidos no campo de desenvolvimento de novos recursos. O Sr. Inoue fala sobre aquele tempo da seguinte forma:

"O Code Connect é conveniente porque gera um modelo executando apenas um código. No entanto, como o design system não estava totalmente desenvolvido, havia uma discrepância entre o design no Figma e a implementação dos componentes no React. Portanto, ainda eram necessárias tarefas para preencher gradualmente essas lacunas. Mas, como já tínhamos um design system em vigor, sinto que a implantação em si foi tranquila."

Em termos de desenvolvimentos reais, a Sansan usou proativamente o servidor MCP do Dev Mode para criar novas telas para o Contract One. O recurso "Resumo da Empresa de IA", lançado em agosto de 2025, foi implementado usando o servidor MCP do Dev Mode. Sr. Inoue: "Ao selecionar o componente que queremos criar no Figma e inserir os prompts preparados, podemos rapidamente gerar telas de uma certa qualidade. Embora não seja perfeito, conseguir montar rapidamente a estrutura básica pode reduzir significativamente a carga de trabalho."

Claro, elaborar maneiras eficazes de usar essas ferramentas também é essencial. Sr. Inoue: "A chave é não deixar que ele faça tudo de uma vez só. Primeiro, fornecemos o URL do Figma para ajudá-lo a entender o panorama geral. Em seguida, na etapa seguinte, detalhamos os componentes. Através deste fluxo de trabalho, fornecemos instruções de forma incremental. Por exemplo, em termos de estilização CSS, ajustamos os prompts para torná-los mais fáceis de entender para a IA, fornecendo exemplos de nossas definições internas da empresa. É tão gratificante quando nossos esforços produzem os resultados desejados."

Através de tentativa e erro, acumulamos o know-how que ajudou a transformar o servidor MCP do Dev Mode em uma ferramenta prática para as equipes de desenvolvimento da Sansan.

O estilo de desenvolvimento da Sansan, definido por meio de ciclos rápidos de planejar-executar-verificar-agir (PDCA)

Após a implementação do Contract One, o Servidor MCP em Dev Mode se espalhou rapidamente dentro da Sansan. O Sr. Oshima reflete sobre isso:

"O servidor MCP do Dev Mode não era exclusivo do Contract One. Também gerou iniciativas em outros departamentos que reconheceram seu potencial. O uso aumentou tanto em agosto que ficamos sem contas, nos levando a adquirir mais imediatamente. Algumas equipes começaram a usar o Figma desde a fase de design, e está gradualmente se tornando o padrão dentro da empresa."

A eficácia foi mais acentuada em projetos onde as informações estavam agregadas no Figma. "Se todas as informações estiverem disponíveis no Figma, o tempo de desenvolvimento pode ser significativamente reduzido." Embora as condições variem nos projetos existentes e não seja possível fazer uma comparação direta, a impressão é de que o tempo de trabalho pode ser reduzido pela metade em novos empreendimentos. Acredito que a interpretabilidade da estrutura de dados por humanos e IA está levando a um aumento na eficiência. Durante a LLM Week, 80% das solicitações de pull foram geradas por IA. No entanto, do ponto de vista da redução da carga de trabalho, ainda existem muitos desafios. O processo é parcialmente eficaz, mas há espaço para melhorias."

O Sr. Inoue também analisou os resultados com calma. "Durante a LLM Week, algumas métricas na verdade mostraram uma diminuição na produtividade. Isso nos fez perceber o quão importante é identificar claramente as áreas onde a IA pode realmente se destacar e aquelas onde não pode. É exatamente por isso que é essencial compartilhar o conhecimento adquirido, incluindo tanto os sucessos quanto os fracassos. A velocidade de implementação claramente melhorou, e muitos membros da equipe comentaram sobre a utilidade da ferramenta. Por exemplo, é comum que alterações sejam feitas após uma revisão de sprint. No entanto, se recebermos atualizações através do Figma, podemos aplicar essas mudanças imediatamente. Este processo é mais adequado para melhorias graduais do que entregar algo perfeito de uma vez só. Poder revisar designs com base nas reações dos usuários é um grande benefício.

Sr. Oshima: "O servidor MCP do Dev Mode é uma combinação perfeita para a fase atual do Contract One, que envolve ciclos contínuos de lançamentos e melhorias. Os recursos de IA, em particular, ainda estão na fase de exploração. No entanto, ao utilizar o MCP, podemos completar rapidamente o ciclo PDCA. Acredito que essa é sua maior força."

Sr. Inoue: "Contract One é um produto que pode ser usado por uma ampla gama de pessoas, não apenas na área jurídica, mas também em vendas e no back office. É exatamente por isso que queremos tornar a UI mais intuitiva e amigável. Para esse fim, pretendemos aproveitar o servidor MCP do Dev Mode, que nos permite responder de forma rápida e eficaz às mudanças. Nosso objetivo é melhorar ainda mais a completude do Code Connect para esse propósito."

Uma nova fase de desenvolvimento baseada na colaboração humano-IA

O Sr. Oshima imagina expandir o uso da IA além do desenvolvimento de UI para abranger todo o processo. "Se pensarmos em uma UI como um único componente, então deveríamos ser capazes de tratá-la como tal dentro de um programa. Isso aumentará dramaticamente a velocidade de todo o processo de desenvolvimento. As pessoas podem discutir ideias no Figma, e a IA pode lidar com a implementação. Se conseguirmos alcançar essa divisão de tarefas, acredito que isso levará a um mundo muito mais interessante para os engenheiros. Um dos principais desafios é articular o conhecimento tácito. Para partes onde a resposta é a mesma, não importa quem as veja, podemos deixá-las para a IA. No entanto, em casos em que as interpretações variam de pessoa para pessoa, deixar isso a cargo da IA leva a inconsistências. Esclarecer a diferença entre os dois expandirá ainda mais o escopo de utilização da IA."

Em toda a empresa, a Sansan está entrando em uma fase de "crescimento descontínuo" que supera a trajetória atual.

Sr. Oshima: "Mesmo com o Contract One, estamos buscando um crescimento que vá além de nossa trajetória atual. É por isso que precisamos acelerar rapidamente nossa velocidade de desenvolvimento. Acreditamos que um fluxo de trabalho que permita uma progressão contínua do design à implementação no Figma será o avanço chave. Se conseguirmos construir uma estrutura onde humanos e IA trabalhem juntos em harmonia, o servidor MCP do Dev Mode tem o potencial de se tornar uma ferramenta central nesse ecossistema." Aperfeiçoar ainda mais essa estrutura permitirá que alcancemos um nível de desenvolvimento que satisfaça a todos, semelhante à "autonomation" da Toyota (colaboração humano-máquina), onde as pessoas podem se concentrar em julgamento e criatividade enquanto as máquinas lidam com as operações.