Sansan heeft zijn processen, van design tot implementatie, vernieuwd met Dev Mode MCP Server en Code Connect. Een nieuwe ontwikkelfase is gestart dankzij samenwerking tussen mens en AI.

Sansans 'AI-first' MCP-implementatie

Figma’s Dev Mode MCP Server (Model Context Protocol) is ontwikkeld om design- en ontwikkelprocessen te integreren en biedt een door AI ondersteunde ontwikkelervaring.

De bedrijfsdatabase 'Sansan' heeft zijn positie versterkt met diensten voor visitekaartbeheer. Sindsdien is het platform uitgebreid met een breed dienstenaanbod, in lijn met de visie om essentiële bedrijfsinfrastructuur te bieden. Daaronder vallen onder meer de boekhoudoplossing 'Bill One' en de oplossing voor transactiebeheer 'Contract One'. Met name het Contract One-ontwikkelingsteam transformeert de workflow van design tot implementatie met Dev Mode MCP Server en Code Connect, en luidt daarmee een nieuw tijdperk in waarin AI en mensen samenwerken.

Sansan begon rond 2019 met het gebruik van Figma. Aanvankelijk werd het vooral gebruikt door productdesigners, maar later breidde het gebruik zich uit naar afdelingen zoals engineering, sales en customer success. Figma is uitgegroeid tot een centraal platform dat interne en externe stakeholders met elkaar verbindt. Zo wordt het gebruikt om prototypes aan klanten te presenteren, toekomstige functionaliteiten te laten zien en verschillende afdelingen feedback te laten geven. Naarmate het ontwerpsysteem verder werd ontwikkeld, groeide Figma uit tot een vertrouwde en toegankelijke tool voor iedereen bij Sansan.

Meer weten over het ontwerpsysteem van Sansan? Ga naar:https://ui.one-design-system.sansan.com/?path=/docs/one-ui-component-library--docs

De heer Takenori Oshima, Head of Contract One Engineering Unit, vertelt: "Het stelt een brede groep medewerkers, waaronder mensen uit sales en customer success, in staat om op hetzelfde platform samen te werken. Dat leidde vanzelf tot een cultuur waarin alles daar wordt samengebracht."

Daarnaast introduceerde Sansan voor 2025 de slogan 'AI First' en kondigde het een bedrijfsbreed beleid aan om de adoptie van AI te versnellen. Om deze omslag te markeren, lanceerde het Contract One-team LLM Week en besloot het tijdelijk te stoppen met alle menselijke codeeractiviteiten, om de uitdaging aan te gaan alles aan AI toe te vertrouwen.

De heer Oshima vervolgt: "We vonden het belangrijk dat iedereen minstens één keer iets met AI realiseert. Door zowel successen als mislukkingen te ervaren, dachten we dat we inhoudelijk sterkere gesprekken konden voeren."

Deze aanpak vormde echter een ongekende uitdaging en dreigde de front-endontwikkeling stil te leggen. De heer Takeshi Inoue van de Contract One Dev Group leidde de inspanningen om dit op te vangen. "Om op tijd klaar te zijn voor LLM Week, moesten we snel uitzoeken hoe we AI efficiënt konden inzetten. De Dev Mode MCP Server was rond die tijd net gelanceerd. Er was toen nog geen informatie beschikbaar binnen de community, en de enige aanknopingspunten die we konden vinden stonden op de officiële website van Figma. Met vallen en opstaan hebben we de prompts aangepast totdat het uiteindelijk bruikbaar werd."

De heer Oshima lichtte de keuze toe om de Dev Mode MCP Server te gebruiken: "Ons uitgangspunt was om eerst LLM Week te proberen en daarna op basis van de resultaten een beslissing te nemen. In plaats van streng te selecteren welke ideeën we zouden oppakken, besloten we alles met potentie te proberen. Figma was al beschikbaar binnen het bedrijf, en door de aard van onze dienstverlening, waarbij we met contracten werken, waren de AI-tools die we konden gebruiken beperkt. Met andere woorden, de Dev Mode MCP Server was voor ons vertrouwd en eenvoudig te implementeren."

Zo kon Sansan de Dev Mode MCP Server snel invoeren. Door dit te combineren met Code Connect, overbrugden we de kloof tussen design en implementatie en maakten we grootschalige inzet van AI binnen ons ontwikkelproces mogelijk.

De praktijk van MCP-gebruik die de ontwikkeling van nieuwe functionaliteiten versnelde

Het Contract One-team, dat de Dev Mode MCP Server en Code Connect implementeerde, voerde eerst herhaaldelijk tests uit binnen de ontwikkeling van nieuwe functionaliteiten. De heer Inoue blikt als volgt terug op die periode:

“Code Connect is handig omdat het automatisch een sjabloon genereert door simpelweg code uit te voeren. Omdat het ontwerpsysteem nog niet erg volwassen was, bestond er een kloof tussen het ontwerp in Figma en de componentimplementatie in React. Daarom waren er nog steeds taken nodig om geleidelijk die gaten op te vullen. Maar omdat we al een ontwerpsysteem hadden, verliep de implementatie zelf volgens mij soepel."

In de praktijk gebruikte Sansan de Dev Mode MCP Server actief om nieuwe schermen voor Contract One te creëren. De functie 'AI Company Summary', uitgebracht in augustus 2025, is gerealiseerd met de Dev Mode MCP Server. De heer Inoue: "Door in Figma de component te selecteren die we willen maken en de voorbereide prompts in te voeren, kunnen we snel schermen van een bepaalde kwaliteit genereren. Hoewel het niet perfect is, verlaagt een basisraamwerk dat snel vorm krijgt de werkdruk aanzienlijk."

Natuurlijk is het ook essentieel om effectieve manieren te vinden om deze tools te gebruiken. De heer Inoue: "De sleutel is om het niet alles in één keer te laten doen. Eerst geven we de Figma-URL, zodat het een goed beeld krijgt van het geheel. Vervolgens splitsen we in de volgende stap de componenten op. Via deze workflow geven we stapsgewijs instructies. Bij CSS-styling passen we bijvoorbeeld de prompts aan, zodat de AI ze beter begrijpt, door voorbeelden te geven van onze interne definities. Het is erg bevredigend wanneer onze inspanningen het gewenste resultaat opleveren."

Met vallen en opstaan hebben we de kennis opgebouwd die hielp om de Dev Mode MCP Server om te vormen tot een praktisch hulpmiddel voor de ontwikkelteams van Sansan.

De ontwikkelstijl van Sansan, vormgegeven door snelle PDCA-cycli (Plan-Do-Check-Act)

Na de implementatie voor Contract One werd de Dev Mode MCP Server snel binnen Sansan uitgerold. De heer Oshima blikt hierop terug:

"De Dev Mode MCP Server was niet alleen voor Contract One bedoeld. Het leidde ook tot initiatieven op andere afdelingen die het potentieel ervan zagen. Het gebruik nam in augustus zo sterk toe dat we zonder accounts kwamen te zitten en meteen extra moesten inkopen. Sommige teams zijn Figma al vanaf de ontwerpfase gaan gebruiken, en het groeit geleidelijk uit tot de norm binnen het bedrijf."

De effectiviteit was het duidelijkst in projecten waarin alle informatie in Figma werd samengebracht. “Als alle informatie in Figma beschikbaar is, kan de ontwikkeltijd aanzienlijk worden verkort.” Hoewel de omstandigheden per project verschillen en een directe vergelijking niet mogelijk is, is de indruk dat de werktijd bij nieuwe ontwikkelingen met ongeveer de helft kan worden teruggebracht. Ik denk dat de begrijpelijkheid van de datastructuur voor zowel mensen als AI bijdraagt aan een hogere efficiëntie. Tijdens LLM Week werd 80% van de pull requests door AI gegenereerd. Echter, vanuit een oogpunt van werklastvermindering, zijn er nog veel uitdagingen. Het proces is deels effectief, maar er is nog ruimte voor verbetering."

De heer Inoue heeft de resultaten bovendien nuchter geanalyseerd. "Tijdens LLM Week lieten sommige metrics zelfs een daling in productiviteit zien. Daardoor beseften we hoe belangrijk het is om duidelijk te bepalen waar AI echt tot zijn recht komt en waar niet. Daarom is het essentieel om de opgedane kennis te delen, inclusief zowel successen als mislukkingen. De implementatiesnelheid is duidelijk verbeterd en veel teamleden hebben zich positief uitgelaten over het nut van de tool. Het is bijvoorbeeld gebruikelijk dat er na een sprintreview nog wijzigingen worden doorgevoerd. Maar als we via Figma updates ontvangen, kunnen we die wijzigingen direct doorvoeren. Dit proces leent zich beter voor geleidelijke verbetering dan voor het in één keer opleveren van iets perfects. Het is een groot voordeel dat we ontwerpen kunnen aanpassen op basis van gebruikersreacties.

Mr. Oshima: "De Dev Mode MCP Server is een perfecte match voor de huidige fase van Contract One, die continue cycli van releases en verbeteringen omvat. Met name AI-functionaliteiten bevinden zich nog in de verkennende fase. Door MCP te gebruiken, kunnen we de PDCA-cyclus echter snel doorlopen. Ik denk dat dat de grootste kracht is."

De heer Inoue: "Contract One is een product dat door een brede groep mensen kan worden gebruikt, niet alleen binnen legal, maar ook in sales en de backoffice. Daarom willen we de UI intuïtiever en gebruiksvriendelijker maken. Daarvoor willen we de Dev Mode MCP Server inzetten, zodat we snel en effectief op veranderingen kunnen inspelen. Ons doel is om de volledigheid van Code Connect verder te verbeteren."

Een nieuwe ontwikkelfase gebaseerd op samenwerking tussen mens en AI

De heer Oshima ziet voor zich dat het gebruik van AI verder wordt uitgebreid dan UI-ontwikkeling, naar het volledige proces. "Als we een UI als één component beschouwen, zouden we die ook als zodanig binnen een programma moeten kunnen behandelen. Dit zal het volledige ontwikkelproces aanzienlijk versnellen. Mensen kunnen ideeën bespreken in Figma en de AI kan de implementatie verzorgen. Als we deze taakverdeling kunnen realiseren, denk ik dat dit zal leiden tot een veel interessantere wereld voor engineers. Een van de belangrijkste uitdagingen is het expliciet maken van impliciete kennis. Voor onderdelen waarbij het antwoord voor iedereen hetzelfde is, kunnen we het aan AI overlaten. Maar bij zaken waarbij interpretaties per persoon verschillen, leidt het overlaten aan AI tot inconsistenties. Door het verschil daartussen te verduidelijken, kunnen we de inzet van AI verder uitbreiden."

Op bedrijfsniveau betreedt Sansan een fase van 'discontinue groei' die verder gaat dan de huidige ontwikkellijn.

De heer Oshima: "Ook met Contract One streven we naar groei die verder gaat dan onze huidige koers. Daarom moeten we onze ontwikkelsnelheid snel verhogen. Wij geloven dat een workflow die een naadloze overgang van ontwerp naar implementatie in Figma mogelijk maakt, de doorbraak zal zijn. Als we een framework kunnen bouwen waarin mensen en AI harmonieus samenwerken, heeft de Dev Mode MCP Server het potentieel om een centrale tool binnen dat ecosysteem te worden." Door dit framework verder te verfijnen, kunnen we een ontwikkelniveau bereiken dat voor iedereen werkt, vergelijkbaar met Toyota’s 'autonomation' (samenwerking tussen mens en machine), waarbij mensen zich richten op oordeel en creativiteit terwijl machines de uitvoering verzorgen.