Sansan ha revolucionado sus procesos, desde el diseño hasta la implementación, gracias al uso de 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 e IA.

La implementación del MCP “AI-First” de Sansan

El servidor Model Context Protocol (MCP) de Dev Mode de Figma es un mecanismo diseñado para integrar los procesos de diseño y desarrollo, lo que ofrece una experiencia de desarrollo impulsada por la IA.

La base de datos empresarial “Sansan” ha 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 “servir como infraestructura empresarial esencial”, entre los que se incluyen la solución de transformación digital contable “Bill One” y la solución de gestión de transacciones comerciales “Contract One”. En particular, 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, lo que marca el inicio de una nueva era de desarrollo en la que la IA y los seres humanos colaboran.

Sansan comenzó a utilizar Figma alrededor de 2019. Al principio, lo usaban principalmente los diseñadores de producto, pero más tarde su uso se extendió a departamentos como los de ingeniería, ventas y éxito del cliente. Figma se ha convertido en una plataforma común que conecta a las partes interesadas internas y externas. Por ejemplo, se utiliza para presentar prototipos a los clientes con el fin de transmitirles conceptos de futuras funcionalidades, así como para permitir que los distintos departamentos aporten sus feedback. A medida que el sistema de diseño se fue consolidando, Figma se convirtió en una herramienta familiar y accesible para todos en 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 éxito del cliente, interactúen en la misma plataforma. Esto condujo de manera natural a una cultura de centralizar todo allí”.

Además, Sansan adoptó el lema “AI First” para 2025 y anunció una política a nivel de toda la empresa para acelerar la adopción de la IA. Para simbolizar este cambio, el equipo de Contract One lanzó la LLM Week y decidió detener temporalmente toda la codificación humana mientras asumían el reto de confiarlo todo a la IA.

El Sr. Oshima continuó diciendo: “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 debates de un nivel superior”.

Sin embargo, esta iniciativa planteaba un desafío sin precedentes y corría el riesgo de paralizar el desarrollo front-end. El Sr. Takeshi Inoue, del grupo Contract One Dev, lideró los esfuerzos para contrarrestar esto. “Para estar listos a tiempo para la LLM Week, nos apresuramos a averiguar cómo podíamos utilizar la IA de manera eficiente. El servidor MCP de Dev Mode acababa de lanzarse por esas fechas. En ese momento no había información dentro de la comunidad, y las únicas pistas que pudimos encontrar estaban en el sitio web oficial de Figma. A través de prueba y error, ajustamos las indicaciones hasta que finalmente pudimos hacerlo utilizable”.

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 LLM Week y luego tomar una decisión basándonos en los resultados. En lugar de ser estrictos a la hora de elegir qué ideas adoptar, decidimos probar cualquier cosa que tuviera potencial. Figma ya estaba disponible para su uso dentro de la empresa y, debido a la naturaleza de nuestro servicio, que implica la gestión de 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 ello, Sansan adoptó rápidamente el servidor MCP de Dev Mode. Al combinarlo con Code Connect, logramos salvar la brecha entre el diseño y la implementación, lo que allanó el camino para el despliegue a gran escala de la IA en nuestro proceso de desarrollo.

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

El equipo de Contract One, que implementó el servidor MCP en Dev Mode y Code Connect, llevó a cabo primero repetidas pruebas en el ámbito del desarrollo de nuevas funciones. El Sr. Inoue habla de esa época de la siguiente manera:

“Code Connect es muy práctico porque genera una plantilla con solo ejecutar un código. Sin embargo, dado que el sistema de diseño no estaba muy maduro, existía una brecha entre el diseño de Figma y la implementación de componentes de React. Por lo tanto, aún se requerían tareas para llenar gradualmente esas brechas. Pero, dado que ya contábamos con un sistema de diseño, siento que el despliegue en sí mismo se llevó a cabo sin inconvenientes”.

En cuanto a los desarrollos concretos, Sansan utilizó de manera 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 indicaciones preparadas, podemos generar rápidamente pantallas de cierta calidad. Aunque no es perfecto, el hecho de que el marco básico se arme rápidamente puede reducir significativamente la carga de trabajo”.

Por supuesto, también es fundamental idear formas eficaces de utilizar estas herramientas. Sr. Inoue: “La clave está en no dejar que lo haga todo de una sola vez. Primero, le proporcionamos la URL de Figma para que pueda hacerse una idea general. Luego, en el siguiente paso, desglosamos los componentes. A través de este flujo de trabajo, le damos instrucciones de forma gradual. Por ejemplo, en cuanto al estilo CSS, ajustamos las indicaciones para que sean más fáciles de entender para la IA, proporcionando ejemplos de las definiciones internas de nuestra empresa. Es muy satisfactorio cuando nuestros esfuerzos producen los resultados deseados”.

A través de la prueba y el error, acumulamos los conocimientos que ayudaron a transformar 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 planificación, ejecución, verificación y acción (plan-do-check-act, PDCA)

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

“El servidor MCP de Dev Mode no era exclusivo de Contract One. También impulsó iniciativas en otros departamentos que reconocieron su potencial. El uso aumentó tanto en agosto que nos quedamos sin cuentas, lo que nos llevó a comprar más de inmediato. Algunos equipos han comenzado 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 significativamente”. 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 la interpretabilidad de la estructura de datos tanto por parte de los humanos como de la IA está conduciendo a una mayor eficiencia. Durante la LLM Week, el 80 % de las solicitudes de incorporación de cambios fueron generadas por IA. Sin embargo, desde el punto de vista de la reducción de la carga de trabajo, aún hay muchos desafíos. El proceso es parcialmente efectivo, .pero hay margen de mejora.

El Sr. Inoue también ha analizado con calma los resultados. “Durante la Semana de los LLM, algunas métricas mostraron de hecho una disminución en 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, incluido tanto los éxitos como los fracasos. La velocidad de implementación ha mejorado claramente, y muchos miembros del equipo han comentado lo útil que es la herramienta. Por ejemplo, es habitual que se realicen cambios después de una revisión de sprint. Sin embargo, si recibimos actualizaciones a través de Figma, podemos aplicar esos cambios de inmediato. Este proceso se adapta mejor a la mejora gradual que a entregar algo perfecto de una sola vez. Poder revisar los diseños basándonos en las reacciones de los usuarios es 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”.

Sr. Inoue: “Contract One es un producto que puede ser utilizado por una amplia gama de personas, no solo en el ámbito legal, sino también en ventas y en el back office. Precisamente por eso queremos que la UI 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 manera rápida y eficaz a los cambios. Nuestro objetivo es mejorar aún más la integridad de Code Connect para 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 UI para abarcar todo el proceso. “Si pensamos en una UI como un componente único, deberíamos poder tratarla como tal dentro de un programa. Esto acelerará drásticamente todo el proceso de desarrollo. Las personas pueden debatir ideas en Figma, y la IA puede encargarse de la implementación. Si logramos esta división del trabajo, creo que se abrirá un mundo mucho más interesante para los ingenieros. Uno de los principales retos es articular el conocimiento tácito. Las partes en las que la respuesta es la misma independientemente de quién las examine podemos dejárselas a la IA. Sin embargo, en los casos en los que las interpretaciones varían de una persona a otra, dejárselo a la IA conduce a inconsistencias. Aclarar la diferencia entre ambos ampliará aún más el alcance de la utilización de la IA”.

A nivel de toda la 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 una transición fluida desde el diseño hasta la implementación en Figma será el avance clave. Si logramos construir un marco en el que los seres humanos y la IA trabajen juntos en armonía, el servidor MCP de Dev Mode tiene el potencial de convertirse en una herramienta central en ese ecosistema”. Perfeccionar aún más 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), donde las personas pueden enfocarse en el juicio y la creatividad mientras que las máquinas se encargan de las operaciones.