Sansan ha revolucionado sus procesos, desde el diseño hasta la implementación, gracias al uso del servidor MCP de Dev Mode y Code Connect. Se está llevando a cabo una nueva fase de desarrollo basada en la colaboración entre personas y la IA.

Implementación del MCP “IA-First“ de Sansan

El servidor MCP (Protocolo de contexto del modelo) de Dev Mode de Figma es un mecanismo diseñado para integrar los procesos de diseño y desarrollo, proporcionando una experiencia de desarrollo con tecnología de IA.

La base de datos empresarial “Sansan” consolidado su presencia con servicios de gestión de tarjetas de visita y, desde entonces, ha desarrollado una amplia gama de servicios bajo su visión corporativa de “convertirse en una infraestructura empresarial esencial”, entre los que se incluyen la solución de contabilidad digital “Bill One” y la solución de gestión de transacciones comerciales “Contract One”. En concreto, el equipo de desarrollo de Contract One está transformando el flujo de trabajo, desde el diseño hasta la implementación, aprovechando el servidor MCP de Dev Mode y Code Connect, dando paso a una nueva era de desarrollo colaborativo entre la IA y los humanos.

Sansan comenzó a usar Figma alrededor de 2019. Al principio, lo utilizaban principalmente los diseñadores de producto, pero más tarde su uso se extendió a departamentos como los de ingeniería, ventas y satisfacción del cliente. Figma se ha convertido en una plataforma común que conecta a las partes interesadas tanto internas como externas. Por ejemplo, se utiliza para presentar prototipos a los clientes y transmitirles los conceptos de futuras funcionalidades, así como para permitir que los distintos departamentos aporten sus comentarios. A medida que el sistema de diseño se fue consolidando, Figma se convirtió en una herramienta familiar y accesible para todo el personal de Sansan.

Para obtener más información sobre el sistema de diseño de Sansan, visita https://ui.one-design-system.sansan.com/?path=/docs/one-ui-component-library--docs

El Sr. Takenori Oshima, jefe de la Unidad de Ingeniería de Contract One, recuerda: “Permite que una amplia variedad de miembros, incluidos los de ventas y de satisfacción del cliente, interactúen en la misma plataforma. Esto dio lugar, de forma natural, a una cultura de agruparlo todo en ese espacio“.

Además, Sansan adoptó el lema “AI First“ para 2025 y anunció una política a nivel de toda la empresa destinada a acelerar la adopción de la IA. Para simbolizar este cambio, el equipo de Contract One puso en marcha la “LLM Week“ (Semana de LLM) y decidió suspender temporalmente toda la programación realizada por humanos y asumir el reto de confiarlo todo a la IA.

El Sr. Oshima continuó: “Creíamos que era importante que todos lograran algo utilizando la IA al menos una vez”. Pensamos que, al experimentar tanto éxitos como fracasos, podríamos tener discusiones de un nivel superior”.

Sin embargo, esta iniciativa suponía un reto sin precedentes y corría el riesgo de paralizar el desarrollo front-end. El Sr. Takeshi Inoue del grupo de desarrollo de Contract One lideró los esfuerzos para contrarrestar esta situación. “Para estar listos a tiempo para la Semana de LLM, nos apresuramos a averiguar cómo podíamos utilizar la IA de manera eficiente. El servidor MCP de Dev Mode acababa de lanzarse por aquel entonces. En aquel momento no había información en la comunidad, y las únicas pistas que pudimos encontrar estaban en la página web oficial de Figma. Tras varias pruebas y errores, fuimos ajustando las instrucciones hasta que finalmente conseguimos que funcionara“.

El Sr. Oshima explicó los motivos que llevaron a la decisión de adoptar el servidor MCP de Dev Mode: “Nuestra idea básica era probar primero la Semana de LLM y después tomar una decisión basándonos en los resultados. En lugar de ser estrictos a la hora de decidir qué ideas adoptar, decidimos probar cualquier cosa que tuviera potencial. Figma ya estaba disponible dentro de la empresa y, debido a la naturaleza de nuestro servicio, que implica gestionar contratos, las herramientas de IA que podíamos utilizar eran limitadas. En otras palabras, el servidor MCP de Dev Mode nos resultaba familiar y era fácil de implementar“.

Por lo tanto, Sansan adoptó rápidamente el servidor MCP de Dev Mode. Al combinarlo con Code Connect, logramos cerrar la brecha entre el diseño y la implementación, allanando el camino para una implementación de IA a gran escala en nuestro proceso de desarrollo.

Las experiencias con el uso de MCP que aceleraron el desarrollo de nuevas funcionalidades

El equipo de Contract One, que implementó el servidor MCP de Dev Mode y Code Connect, llevó a cabo primero varias pruebas en el desarrollo de nuevas funcionalidades. El Sr. Inoue recuerda así aquella época:

“Code Connect resulta muy práctico porque genera una plantilla con solo ejecutar un código. Sin embargo, dado que el sistema de diseño aún no estaba muy consolidado, existía una discrepancia entre el diseño de Figma y la implementación de los componentes en React. Por lo tanto, aún era necesario realizar algunas tareas para ir corrigiendo esas discrepancias. Pero, como ya contábamos con un sistema de diseño, creo que la implementación en sí se desarrolló sin problemas“.

En cuanto a los avances concretos, Sansan utilizó de forma proactiva el servidor MCP de Dev Mode para crear nuevas pantallas para Contract One. La función “Resumen de la empresa con IA”, lanzada en agosto de 2025, se implementó utilizando el servidor MCP de Dev Mode. Sr. Inoue: “Al seleccionar el componente que queremos crear en Figma e introducir las instrucciones preparadas, podemos generar rápidamente pantallas con un cierto nivel de calidad. Aunque no es perfecto, el hecho de que el marco básico se cree rápidamente puede reducir considerablemente la carga de trabajo”.

Por supuesto, también es fundamental idear formas eficaces de utilizar estas herramientas. Sr. Inoue: “La clave es no dejar que lo haga todo de una vez. Primero, le proporcionamos la URL de Figma para que pueda hacerse una idea general. A continuación, en el siguiente paso, desglosamos los componentes. A través de este flujo de trabajo, le damos instrucciones de forma gradual. Por ejemplo, en lo que respecta al estilo CSS, adaptamos las indicaciones para que la IA las entienda mejor, aportando ejemplos de las definiciones internas de nuestra empresa. Es muy gratificante cuando nuestros esfuerzos dan los resultados deseados”.

A base de pruebas y errores, fuimos acumulando los conocimientos que contribuyeron a convertir el servidor MCP de Dev Mode en una herramienta práctica para los equipos de desarrollo de Sansan.

El estilo de desarrollo de Sansan, definido a través de ciclos rápidos de planificar-hacer-verificar-actuar (PDCA)

Tras su implementación para Contract One, el servidor MCP de Dev Mode se popularizó rápidamente dentro de Sansan. El Sr. Oshima reflexiona sobre esto:

”El servidor MCP de Dev Mode no era exclusivo de Contract One. También dio lugar a iniciativas en otros departamentos que reconocieron su potencial. El uso aumentó tanto en agosto que se agotaron las cuentas, por lo que tuvimos que comprar más de inmediato. Algunos equipos han empezado a utilizar Figma desde la fase de diseño, y poco a poco se está convirtiendo en el estándar dentro de la empresa”.

La eficacia fue más notable en los proyectos en los que la información se centralizó en Figma. “Si toda la información está disponible en Figma, el tiempo de desarrollo puede reducirse considerablemente“. Aunque las condiciones varían en los proyectos existentes y no es posible realizar una comparación directa, la impresión es que el tiempo de trabajo puede reducirse aproximadamente a la mitad en los nuevos desarrollos. Creo que el hecho de que tanto los humanos como la IA puedan interpretar la estructura de datos está dando lugar a una mayor eficiencia. Durante la Semana de LLM, el 80 % de las solicitudes de incorporación de cambios se generaron con IA. Sin embargo, desde el punto de vista de la reducción de la carga de trabajo, aún quedan muchos retos por superar. El proceso es parcialmente eficaz, pero hay margen de mejora“.

El Sr. Inoue también ha analizado los resultados con calma. “Durante la Semanal de LLM, algunos indicadores mostraron de hecho una disminución de la productividad. Esto nos hizo darnos cuenta de lo importante que es identificar claramente las áreas en las que la IA realmente puede destacar y aquellas en las que no. Precisamente por eso es esencial compartir los conocimientos adquiridos, incluyendo tanto los éxitos como los fracasos. La velocidad de implementación ha mejorado claramente, y muchos miembros del equipo han destacado la utilidad de la herramienta. Por ejemplo, es habitual que se introduzcan cambios tras una revisión de iteración. Sin embargo, si recibimos actualizaciones a través de Figma, podemos aplicar esos cambios de inmediato. Este proceso se adapta mejor a una mejora gradual que a la entrega de un producto perfecto a la primera. La posibilidad de revisar los diseños en función de las reacciones de los usuarios supone una gran ventaja.

Sr. Oshima: ”El servidor MCP de Dev Mode encaja a la perfección con la fase actual de Contract One, que implica ciclos continuos de lanzamientos y mejoras. Las funciones de IA, en particular, aún se encuentran en fase de exploración. Sin embargo, al utilizar el MCP, podemos completar rápidamente el ciclo PDCA. Creo que esa es su mayor fortaleza”.

El Sr. Inoue: ”Contract One es un producto que puede ser utilizado por un amplio abanico de usuarios, no solo en el ámbito jurídico, sino también en ventas y en las tareas administrativas. Precisamente por eso queremos que la IU sea más intuitiva y fácil de usar. Con ese fin, nuestro objetivo es aprovechar el servidor MCP de Dev Mode, que nos permite responder de forma rápida y eficaz a los cambios. Nuestro objetivo es mejorar aún más la completitud de Code Connect con ese propósito”.

Una nueva fase de desarrollo basada en la colaboración entre humanos e IA

El Sr. Oshima prevé ampliar el uso de la IA más allá del desarrollo de la IU para abarcar todo el proceso. “Si pensamos en una IU como un único componente, deberíamos poder tratarla como tal dentro de un programa. Esto aceleraría enormemente todo el proceso de desarrollo. Los humanos pueden discutir ideas en Figma, y la IA puede encargarse de la implementación. Si logramos esta división del trabajo, creo que dará lugar a un mundo mucho más interesante para los ingenieros. Uno de los principales retos es articular el conocimiento tácito. En los casos en los que la respuesta es la misma independientemente de quién los analice, podemos dejarlos en manos de la IA. Sin embargo, en los casos en los que las interpretaciones varían de una persona a otra, dejarlo en manos de la IA da lugar a incoherencias. Clarificar la diferencia entre ambos ampliará aún más el alcance de la utilización de la IA“.

A nivel de empresa, Sansan está entrando en una fase de “crecimiento discontinuo” que supera la trayectoria actual.

Sr. Oshima: ”Incluso con Contract One, buscamos un crecimiento que vaya más allá de nuestra trayectoria actual. Por eso necesitamos acelerar rápidamente nuestro ritmo de desarrollo. Creemos que un flujo de trabajo que permita pasar sin problemas del diseño a la implementación en Figma será la clave para avanzar. Si logramos crear un marco en el que los humanos y la IA trabajen juntos en armonía, el servidor MCP de Dev Mode tiene el potencial de convertirse en una herramienta fundamental dentro de ese ecosistema”. Seguir perfeccionando este marco nos permitirá alcanzar un nivel de desarrollo que satisfaga a todos, similar a la ”autonomación” de Toyota (colaboración entre humanos y máquinas), en la que las personas pueden centrarse en la toma de decisiones y la creatividad, mientras que las máquinas se encargan de las operaciones.