Une nouvelle ère du co-développement avec le serveur MCP Dev Mode
Une nouvelle ère du co-développement avec le serveur MCP Dev Mode

Sansan a révolutionné ses processus, de la conception à la mise en œuvre, en s'appuyant sur le serveur MCP Dev Mode et Code Connect. Une nouvelle phase de développement est en cours grâce à la collaboration homme-IA.
Déploiement MCP « IA d'abord » de Sansan
Le serveur MCP (Model Context Protocol) Dev Mode de Figma est un mécanisme conçu pour intégrer les processus de conception et de développement, offrant une expérience de développement pilotée par l'IA.
La base de données commerciale Sansan a renforcé sa présence avec des services de gestion de cartes de visite et a depuis développé une large gamme de services répondant à sa vision d'entreprise, « Être l'infrastructure essentielle des entreprises », y compris la solution de comptabilité DX Bill One et la solution de gestion des transactions commerciales Contract One. Plus particulièrement, l'équipe de développement de Contract One transforme le workflow conception-mise en œuvre en utilisant le serveur MCP Dev Mode et Code Connect, inaugurant une nouvelle ère du développement dans laquelle l'IA et les humains collaborent.
Sansan a commencé à utiliser Figma vers 2019. Il était au début surtout utilisé par les designers produits, mais son utilisation s'est par la suite étendue à des services tels que l'ingénierie, les ventes et le service client. Figma est devenu une plateforme commune qui connecte les parties prenantes internes et externes. Par exemple, il est utilisé pour présenter des prototypes aux clients afin de transmettre les concepts de fonctionnalités futures et de permettre à divers services de fournir un feedback. À mesure que le design system s'est établi, Figma est devenu un outil familier et accessible pour tout le personnel de Sansan.
Pour en savoir plus sur le design system de Sansan, rendez-vous sur https://ui.one-design-system.sansan.com/?path=/docs/one-ui-component-library--docs
Takenori Oshima, responsable du service d'ingénierie de Contract One, se souvient : « Cela permet à un éventail varié d'employés, y compris ceux des ventes et du service client, d'interagir sur la même plateforme. Cela a naturellement conduit à une culture où l'on regroupait toutes les données sur cette plateforme. »
De plus, Sansan a adopté le slogan « IA d'abord » pour 2025 et a annoncé une politique à l'échelle de l'entreprise pour accélérer l'adoption de l'IA. Pour marquer ce changement, l'équipe de Contract One a lancé la Semaine LLM et a décidé d'arrêter temporairement tout codage humain en relevant le défi de tout confier à l'IA.

Takenori Oshima continue : « Nous croyions qu'il était important pour chacun de réaliser quelque chose en utilisant l'IA au moins une fois. Nous pensions qu'en expérimentant à la fois des succès et des échecs, nous pourrions avoir des discussions d'un niveau supérieur. »
Mais cette initiative s'est accompagnée d'un défi sans précédent et risquait de freiner le développement front-end. Takeshi Inoue, du groupe de développement de Contract One, a dirigé les efforts pour remédier à cette situation. « Afin d'être prêts à temps pour la Semaine LLM, nous nous sommes dépêchés pour comprendre comment utiliser l'IA efficacement. Le serveur MCP Dev Mode venait juste d'être lancé. Il n'y avait aucune information au sein de la communauté à l'époque, et les seuls conseils disponibles étaient donnés sur le site officiel de Figma. En tâtonnant, nous avons ajusté les prompts jusqu'à être enfin en mesure de rendre le système utilisable. »

Takenori Oshima a expliqué la raison derrière la décision d'adopter le serveur MCP Dev Mode : « Notre idée de base était d'essayer d'abord la Semaine LLM, puis de prendre une décision en fonction des résultats. » Plutôt que d'être stricts sur les idées à adopter, nous avons décidé d'essayer toute approche ayant un potentiel. Figma pouvait déjà être utilisé au sein de l'entreprise et, en raison de la nature de notre service, qui implique de gérer des contrats, les outils d'IA que nous pouvions utiliser étaient limités. En d'autres termes, le serveur MCP Dev Mode nous était familier et facile à déployer. »
Ainsi, Sansan a rapidement adopté le serveur MCP Dev Mode. En l'associant à Code Connect, nous avons comblé le fossé existant entre la conception et la mise en œuvre, ouvrant la voie à un déploiement à grande échelle de l'IA dans notre processus de développement.
Les réalités de l'utilisation du protocole MCP qui ont accéléré le développement de nouvelles fonctionnalités
L'équipe Contract One, qui a déployé le serveur MCP Dev Mode et Code Connect, a d'abord procédé à des essais répétés dans le domaine du développement de nouvelles fonctionnalités. Takeshi Inoue évoque cette époque comme suit :
« Code Connect est pratique car il génère un modèle simplement en exécutant un code. Cependant, comme le design system n'était pas très mature, il y avait un écart entre le design de Figma et la mise en œuvre des composants React. Par conséquent, des tâches étaient encore nécessaires pour combler progressivement ces écarts. Mais, dans la mesure où nous disposions déjà d'un design system en place, je pense que le déploiement lui-même s'est déroulé sans encombre. »

Pour ce qui est des développements concrets, Sansan a utilisé de manière proactive le serveur MCP Dev Mode afin de créer de nouveaux écrans pour Contract One. La fonctionnalité « Résumé de l'entreprise IA », diffusée en août 2025, a été mise en œuvre à l'aide du serveur MCP Dev Mode. Takeshi Inoue indique : « En sélectionnant le composant que nous voulons créer dans Figma et en entrant les prompts préparés, nous pouvons rapidement générer des écrans d'une certaine qualité. Même si ce n'est pas parfait, le fait de pouvoir disposer rapidement d'un cadre de base peut réduire considérablement la charge de travail. »
Bien sûr, il est également essentiel de trouver des moyens efficaces d'utiliser ces outils. Takeshi Inoue : « La clé est de ne pas laisser l'IA tout faire en une seule fois. » Tout d'abord, nous lui fournissons l'URL de Figma pour l'aider à disposer d'une vue d'ensemble. Ensuite, à l'étape suivante, nous décomposons les composants. Grâce à ce workflow, nous fournissons des instructions de manière progressive. Par exemple, pour ce qui est du style CSS, nous ajustons les prompts pour que l'IA puisse les comprendre plus facilement en fournissant des exemples des définitions internes de l'entreprise. C'est tellement satisfaisant lorsque nos efforts produisent les résultats souhaités. »
En tâtonnant, nous avons accumulé le savoir-faire qui a aidé à transformer le serveur MCP Dev Mode en un outil pratique pour les équipes de développement de Sansan.
Style de développement de Sansan, défini à travers des cycles rapides de planification-exécution-vérification-action (PDCA)
Suite à sa mise en œuvre pour Contract One, le serveur MCP Dev Mode s'est rapidement déployé au sein de Sansan. Takenori Oshima nous en parle :
« Le serveur MCP Dev Mode n'était pas exclusif à Contract One. Il a également suscité des initiatives dans d'autres départements qui ont reconnu son potentiel. L'utilisation a tellement augmenté en août que nous avons épuisé nos comptes et avons été contraints d'en acheter plus immédiatement. Certaines équipes ont commencé à utiliser Figma dès la phase de conception, et cela devient progressivement la norme au sein de l'entreprise. »

L'efficacité était plus apparente dans les projets où les informations étaient agrégées dans Figma. « Si toutes les informations sont disponibles dans Figma, le temps de développement peut être considérablement réduit. » Bien que les conditions diffèrent dans les projets existants et qu'une comparaison directe ne soit pas possible, l'impression est que le temps de travail peut être réduit environ de moitié dans de nouveaux développements. Je crois que l'interprétabilité de la structure des données par les humains et l'IA conduit à une efficacité accrue. Pendant la Semaine LLM, 80 % des demandes d'extraction étaient générées par l'IA. Cependant, du point de vue de la réduction de la charge de travail, il y a encore de nombreux défis. Le processus est partiellement efficace, mais il existe encore une marge d'amélioration. »
Takeshi Inoue a également analysé calmement les résultats. « Pendant la semaine LLM, certains indicateurs ont en fait révélé une diminution de la productivité. Cela nous a fait réaliser à quel point il est important d'identifier clairement les aspects où l'IA peut réellement exceller et ceux où elle ne le peut pas. C'est précisément pourquoi il est essentiel de partager les connaissances acquises, y compris les réussites et les échecs. La vitesse de mise en œuvre s'est nettement améliorée, et de nombreux membres d'équipe ont commenté l'utilité de l'outil. Par exemple, il est courant d'apporter des modifications après un examen de sprint. Cependant, si nous recevons des mises à jour via Figma, nous pouvons appliquer ces modifications immédiatement. Ce processus est mieux adapté à une amélioration progressive qu'à la livraison d'un coup d'un produit parfait. Être capable de réviser les designs en fonction des réactions des utilisateurs est un grand avantage. »
Takenori Oshima : « Le serveur MCP Dev Mode est parfaitement adapté à la phase actuelle de Contract One, qui implique des cycles continus de versions et d'améliorations. Les fonctionnalités d'IA, en particulier, sont encore en phase d'exploration. Cependant, le serveur MCP permet de terminer rapidement le cycle PDCA. Je crois que c'est sa plus grande force. »
Takeshi Inoue : « Contract One un est un produit qui peut être utilisé par un large éventail de personnes, pas seulement dans le service juridique, mais aussi dans les ventes et les services administratifs. C'est précisément pourquoi nous voulons rendre l'interface utilisateur plus intuitive et conviviale. À cette fin, nous visons à exploiter le serveur MCP Dev Mode, qui nous permet de répondre rapidement et efficacement aux changements. Pour cela, notre objectif est d'améliorer davantage l'exhaustivité de Code Connect. »
Une nouvelle phase de développement basée sur la collaboration humain-IA
Takenori Oshima envisage d'étendre l'utilisation de l'IA au-delà du développement de l'interface utilisateur pour englober l'ensemble du processus. « Si nous considérons une interface utilisateur comme un composant unique, nous devrions pouvoir la traiter en tant que telle dans un programme. Cela accélérera considérablement l'ensemble du processus de développement. Les utilisateurs peuvent discuter des idées concernant Figma, et l'IA peut se charger de la mise en œuvre. Si nous parvenons à atteindre cette division du travail, je crois que cela débouchera sur un monde bien plus intéressant pour les ingénieurs. L'un des principaux défis est d'articuler les connaissances tacites. Les composants pour lesquels la réponse est la même peu importe qui les regarde peuvent être confiés à l'IA. Toutefois, confier à l'IA les aspects que chacun interprète à sa manière entraîne des incohérences. Clarifier l'écart existant entre ces deux scénarios permettra d'élargir plus encore le champ d'utilisation de l'IA. »

À l'échelle de l'entreprise, Sansan entre dans une phase de « croissance discontinue » qui va au-delà de la trajectoire actuelle.
Takenori Oshima : « Même avec Contract One, nous poursuivons une croissance qui va au-delà de notre trajectoire actuelle. C'est pourquoi nous devons accélérer rapidement notre développement. Nous croyons qu'un workflow permettant une progression transparente de la conception à la mise en œuvre dans Figma sera la percée clé. Si nous pouvons construire un cadre où les humains et l'IA travaillent ensemble en harmonie, le serveur MCP Dev Mode peut potentiellement devenir un outil central dans cet écosystème. » Affiner davantage ce cadre nous permettra d'atteindre un niveau de développement qui satisfait tout le monde, à l'image de l'« autonomation » de Toyota (collaboration homme-machine), où les humains peuvent se concentrer sur la capacité de jugement et la créativité tandis que les machines gèrent les opérations.
Découvrez comment Figma permet d'optimiser le design
Un design d'exception peut aider votre produit et votre marque à se différencier. Et comme on ne crée de grandes choses qu'à plusieurs, Figma rassemble les équipes produit au sein d'un workflow de conception rapide et plus inclusif.
Contactez-nous pour découvrir comment Figma peut aider votre entreprise à augmenter l'impact du design.
Nous verrons comment Figma peut vous aider à :
- Centraliser chaque étape du processus de conception, de l'idéation à la création en passant par la mise en œuvre
- Accélérer les workflows de conception avec des design systems partagés par toute l'entreprise
- Favoriser l'inclusion au sein du processus de l'équipe avec des produits web accessibles et simples d'utilisation