Sansan ha rivoluzionato i suoi processi, dalla progettazione all'implementazione, sfruttando Dev Mode MCP Server e Code Connect. È in corso una nuova fase di sviluppo attraverso la collaborazione tra umani e AI.

Implementazione MCP "AI-First" MCP di Sansan

Il server MCP (Model Context Protocol) della Dev Mode di Figma è un meccanismo progettato per integrare i processi di progettazione e sviluppo, offrendo un'esperienza di programmazione potenziata dall'AI.

Il database aziendale "Sansan" ha consolidato la propria presenza grazie ai servizi di gestione dei biglietti da visita; da allora ha sviluppato un'ampia gamma di soluzioni guidate dalla visione aziendale di"fungere da infrastruttura essenziale per le imprese", tra cui la soluzione DX "Bill One" e la piattaforma per la gestione delle operazioni "Contract One". In particolare, il team di sviluppo di Contract One sta trasformando il flusso di lavoro dalla progettazione all'implementazione sfruttando il server MPC di Dev Mode e Code Connect,grazie alla sinergia tra persone e AI.

L'adozione di Figma da parte di Sansan risale a circa il 2019. Inizialmente, utilizzato principalmente dai designer di prodotto, l'utilizzo di Figma è stato esteso per includere reparti come l'ingegneria, le vendite e costumer success. Figma è diventata una piattaforma comune che collega gli stakeholder interni ed esterni. Ad esempio, viene utilizzata per presentare prototipi ai clienti per trasmettere i concetti delle funzioni future e per consentire ai vari reparti di fornire un feedback. Con il consolidamento del sistema di progettazione, Figma si è trasformato in uno strumento d'uso comune e intuitivo per chiunque in Sansan.

Per maggiori informazioni sul sistema di progettazione di Sansan, consulta l'indirizzo https://ui.one-design-system.sansan.com/?path=/docs/one-ui-component-library--docs

Takenori Oshima, Responsabile dell'Engineering Unit di Contract One, osserva: "Permette a diversi membri, compresi quelli delle vendite e del customer success, di interagire sulla stessa piattaforma. È stato naturale iniziare a caricare e condividere tutto su Figma, creando una vera cultura della condivisione."

Inoltre, Sansan ha adottato lo slogan "AI First" per il 2025 e ha annunciato una politica aziendale volta ad accelerare l'adozione dell'AI. Per segnare questo cambiamento, il team di Contract One ha lanciato la 'LLM Week' e ha deciso di sospendere temporaneamente ogni attività di codifica manuale, accettando la sfida di delegare tutto all'AI.

Takenori Oshima ha continuato: "Ritenevamo importante che ognuno realizzasse qualcosa usando l'AI almeno una volta. Pensavamo che l'analisi dei risultati, positivi o negativi, fosse fondamentale per elevare la qualità del dibattito interno."

Tuttavia, questa iniziativa ha comportato nuove difficoltà e il rischio di un blocco totale dello sviluppo front-end. Takeshi Inoue del Contract One Dev Group promosso alcune azioni per contrastare questo problema. "Abbiamo accelerato i tempi per capire come sfruttare al meglio l'AI prima dell'inizio della LLM Week. Il server MCP di Dev Mode è stato lanciato proprio in quel periodo. In quel momento non c'erano informazioni all'interno della community e gli unici suggerimenti che riuscivamo a trovare erano sul sito ufficiale di Figma. Procedendo per tentativi, abbiamo perfezionato i prompt finché non siamo finalmente riusciti a renderlo utilizzabile."

Oshima ha spiegato la logica alla base della scelta di adottare il server MCP di Dev Mode: "La nostra idea era di provare prima la LLM Week e poi prendere una decisione basata sui risultati ottenuti. Piuttosto che essere selettivi riguardo a quali idee adottare, abbiamo deciso di provare tutto ciò che avesse del potenziale. Figma era già disponibile per l'uso in azienda ma, data la natura del nostro servizio che prevede la gestione di contratti, gli strumenti IA che potevamo utilizzare erano limitati. In sintesi, il server MCP era una soluzione familiare e semplice da implementare."

Di conseguenza, l'adozione del server MCP di Dev Mode da parte di Sansan è avvenuta in tempi brevi. Combinandolo con Code Connect, abbiamo colmato il divario tra design e implementazione, spianando la strada per un'adozione dell'AI su larga scala nel nostro processo di sviluppo.

L'impiego concreto dell'MCP per accelerare lo sviluppo di nuove funzioni

Il team di Contract One, che ha implementato il server MCP di Dev Mode e Code Connect, ha iniziato conducendo ripetuti test sul campo nello sviluppo di nuove funzioni. Inoue ricorda quel periodo con queste parole:

Code Connect è comodo perché genera un modello semplicemente eseguendo un codice. Tuttavia, poiché il sistema di progettazione era ancora incompleto, c'era un divario tra il design di Figma e l'implementazione dei componenti in React. Pertanto, erano ancora necessari dei passaggi manuali per colmare gradualmente tale divario. Tuttavia la presenza di un sistema di progettazione già attivo, ha permesso che l'implementazione si svolgesse in modo lineare."

Sul piano dello sviluppo concreto, Sansan ha utilizzato proattivamente il server MCP di Dev Mode per creare nuove schermate per Contract One. La funzione 'AI Company Summary', rilasciata nel mese di agosto del 2025, è stata implementata utilizzando il server MCP di Dev Mode. Inoue: "Selezionando il componente desiderato in Figma e applicando i prompt prestabiliti, è possibile creare interfacce di buon livello in tempi brevi. Anche se non è perfetto, avere la struttura di base pronta in poco tempo può ridurre significativamente il carico di lavoro."

Naturalmente, è essenziale anche elaborare strategie efficaci per l'utilizzo di questi strumenti. Inoue: "La cosa fondamentale è non pretendere che l'AI faccia tutto e subito. Inizialmente, viene fornito l'URL di Figma per consentire al modello di acquisire una visione d'insieme del progetto. Quindi, nel passaggio successivo, scomponiamo i componenti. Tramite questo flusso di lavoro, forniamo istruzioni in modo incrementale. Per quanto riguarda lo stile CSS, ad esempio, adattiamo i prompt per renderli più comprensibili all'AI fornendo esempi delle definizioni interne alla nostra azienda È davvero appagante quando i nostri sforzi producono i risultati sperati."

Grazie a una fase di sperimentazione iterativa, abbiamo acquisito le competenze necessarie per rendere il server MCP di Dev Mode uno strumento operativo per i team di sviluppo Sansan.

Lo stile di sviluppo di Sansan, definito attraverso rapidi cicli "Plan-Do-Check-Act (PDCA)

Dopo l'implementazione per Contract One, il server MCP di Dev Mode si è diffuso rapidamente all'interno di Sansan. Oshima riflette su questo punto:

"Il server MCP di Dev Mode non è stato un'esclusiva di Contract One. Ha anche dato il via a iniziative in altri reparti che ne hanno riconosciuto il potenziale. L'utilizzo è aumentato così tanto nel mese di agosto che abbiamo esaurito gli account disponibili, spingendoci ad acquistarne subito degli altri. Alcuni team hanno iniziato a usare Figma fin dalla fase di progettazione, e sta diventando gradualmente lo standard all'interno dell'azienda."

L'efficacia è stata più marcata nei progetti in cui le informazioni erano aggregate su Figma. "Se tutte le informazioni sono disponibili su Figma, i tempi di sviluppo possono essere ridotti significativamente." Sebbene le condizioni varino nei progetti esistenti e non sia possibile un confronto diretto, l'impressione è che nei nuovi sviluppi i tempi di lavoro possano essere ridotti di circa la metà. Credo che l'interpretabilità della struttura dati, sia da parte delle persone che dell'AI, stia portando a un aumento dell'efficienza. Durante la LLM Week, l'80% delle richieste pull sono state generate dall'AI. Tuttavia, dal punto di vista della riduzione del carico di lavoro, rimangono ancora molte sfide da affrontare. Il processo è parzialmente efficace, ma c'è ancora margine di miglioramento."

Inoue ha condotto un'analisi altrettanto lucida dei risultati ottenuti. "Durante la settimana LLM, alcune metriche hanno effettivamente mostrato un calo della produttività. Questo ci ha fatto capire quanto sia importante identificare chiaramente le aree in cui l'Ai può davvero eccellere e quelle in cui, invece, non può farlo. Proprio per questo è fondamentale condividere le conoscenze acquisite, inclusi i traguardi e le criticità riscontrate. La velocità di implementazione è chiaramente migliorata e molti membri del team hanno commentato positivamente l'utilità dello strumento. Ad esempio, è comune che vengano apportate modifiche dopo una sprint review. Tuttavia, se riceviamo aggiornamenti tramite Figma, possiamo applicare tali modifiche immediatamente. Questo processo si presta meglio a un miglioramento graduale piuttosto che alla consegna di un prodotto perfetto tutto in una volta. La possibilità di modificare i progetti sulla base dei feedback degli utenti rappresenta un vantaggio notevole.

Oshima: "Il Dev Mode MCP Server è perfetto per l'attuale fase di Contract One, che prevede cicli continui di rilasci e miglioramenti. Le funzionalità AI, in particolare, sono ancora in una fase di esplorazione. Tuttavia, grazie all'uso dell'MCP, siamo in grado di chiudere velocemente il ciclo PDCA. Ritengo che questo rappresenti il maggior punto di forza."

Inoue: "Contract One è un prodotto che può essere utilizzato da una vasta gamma di persone, non solo nell'ufficio legale, ma anche nelle vendite e nel back office. È proprio per questo motivo che vogliamo rendere l'UI più intuitiva e facile da usare. A tal fine, miriamo a sfruttare il Dev Mode MCP Server, che ci consente di rispondere in modo rapido ed efficace ai cambiamenti. IL nostro obiettivo è migliorare ulteriormente la completezza di Code Connect a tale scopo."

Una nuova fase di sviluppo basata sulla collaborazione tra le persone e l'AI.

Oshima prevede di estendere l'uso dell'Ai oltre lo sviluppo della UI, per abbracciare l'intero processo. "Se pensiamo a una UI come a un singolo componente, allora dovremmo essere in grado di trattarla come tale all'interno di un programma. Questo accelererà notevolmente l'intero processo di sviluppo. Le persone possono confrontarsi sulle idee su Figma, e l'AI può gestire l'implementazione. Riuscendo a realizzare questa ripartizione dei compiti, sono convinto che si aprirà uno scenario molto più stimolante per l'ingegneria. Riuscire a formalizzare la conoscenza tacita rappresenta una delle sfide più grandi. Possiamo lasciare all'AI le attività che hanno una soluzione univoca e oggettiva. Tuttavia, per quegli aspetti in cui le interpretazioni variano da persona a persona, affidarsi all'AI porta a delle incongruenze. Chiarire il divario tra questi due aspetti permetterà di espandere ulteriormente l'ambito di utilizzo dell'AI."

A livello aziendale, Sansan sta entrando in una fase di "crescita discontinua" che supera l'attuale direzione.

Il signor Oshima: "Anche con Contract One, stiamo perseguendo una crescita che va oltre la nostra direzione attuale. È per questo motivo che dobbiamo accelerare notevolmente la nostra velocità di sviluppo. Crediamo che un flusso di lavoro che consenta una progressione fluida dal design all'implementazione in Figma rappresenterà la svolta decisiva. Se riusciremo a costruire un framework in cui le persone e l'AI lavorano in armonia, il Dev Mode MCP Server ha il potenziale per diventare uno strumento centrale in quell'ecosistema. Perfezionare ulteriormente questo framework ci permetterà di raggiungere un livello di sviluppo che soddisfi tutti, simile all'"automazione con un tocco umano" (autonomation) di Toyota: un modello dove le persone possono concentrarsi sul giudizio e sulla creatività, mentre le macchine gestiscono le operazioni.