Sansan은 Dev Mode MCP 서버와 Code Connect를 활용하여 디자인에서 구현에 이르는 프로세스를 혁신했습니다. 인간과 AI의 협력을 통해 새로운 개발 단계가 진행 중입니다.

Sansan의 "AI-First" MCP 배포

Figma의 Dev Mode MCP(모델 컨텍스트 프로토콜) 서버는 디자인과 개발 과정을 통합하도록 설계된 메커니즘으로, AI 기반의 개발 경험을 제공합니다.

비즈니스 데이터베이스 "Sansan"은 명함 관리 서비스를 통해 입지를 강화했으며, "필수적인 기업 인프라 수행"이라는 기업 비전을 바탕으로 회계 DX 솔루션 "Bill One" 및 비즈니스 거래 관리 솔루션 "Contract One"을 포함한 광범위한 서비스를 개발해 왔습니다. 특히 Contract One 개발팀은 Dev Mode MCP 서버와 Code Connect를 활용하여 디자인부터 구현까지의 업무 흐름을 혁신하며, AI와 인간이 협력하는 새로운 개발 시대를 열고 있습니다.

Sansan은 2019년경부터 Figma를 사용하기 시작했습니다. 초기에는 주로 제품 디자이너들이 사용했지만, 이후에는 엔지니어링, 영업, 고객 성공 부서와 같은 부서들로 사용 범위 확대되었습니다. Figma는 내부 및 외부 이해관계자들을 연결하는 공통 플랫폼으로 자리 잡았습니다. 예를 들면 고객에게 프로토타입을 제시하여 향후 기능 개념을 전달하고, 다양한 부서가 피드백을 제공할 수 있도록 사용됩니다. 디자인 시스템이 더 확립됨에 따라 Figma는 Sansan의 모든 사람들에게 익숙하고 접근하기 쉬운 도구로 발전했습니다.

Sansan의 디자인 시스템에 대해 자세 알고 싶으시면 https://ui.one-design-system.sansan.com/?path=/docs/one-ui-component-library--docs를 방문하세요.

Contract One 엔지니어링 유닛 Takenori Oshima 본부장은 "영업 및 고객 성공 팀을 포함한 다양한 부서 구성원들이 동일한 플랫폼에서 상호작용할 수 있게 되었습니다. 이는 자연스럽게 그곳에 모든 정보를 집계하고 공유하는 문화로 이어졌습니다"라고 회상합니다.

또한, Sansan은 2025년을 목표로 "AI First" 슬로건을 채택하고 AI 도입 가속화를 위한 전사적인 정책을 발표했습니다. 이 변화를 나타내기 위해, Contract One 팀은 LLM Week를 실시하고 모든 것을 AI에 맡기는 도전에 나서면서 인간이 하는 모든 코딩을 일시 중단하기로 결정했습니다.

Oshima 본부장은 계속해서 "모두가 AI를 한 번이라도 사용하여 무언가를 성취하는 것이 중요하다고 믿었습니다. 성공과 실패를 모두 경험함으로써, 우리는 다음 수준의 논의를 할 수 있을 것이라고 생각했죠"라고 말했습니다.

하지만 이 이니셔티브는 전례 없는 도전 과제를 안겨주었으며, 프론트엔드 개발을 정체시킬 수 있는 위험을 초래했습니다. Contract One Dev Group의 Takeshi Inoue 씨는 이러한 상황에 대응하기 위한 노력을 주도했습니다. "LLM Week에 맞추기 위해 우리는 AI를 효율적으로 활용할 방법을 서둘러 찾았습니다. Dev Mode MCP 서버가 마침 그 즈음에 출시되었습니다. 당시 커뮤니티 내에는 아무런 정보가 없었고, 우리가 찾을 수 있던 유일한 힌트는 Figma 공식 웹사이트에 있었습니다. 시행착오를 거치며 프롬프트를 조정했고, 마침내 사용할 수 있게 만들 수 있었습니다."

Oshima 본부장은 Dev Mode MCP 서버를 도입하기로 결정한 이유에 대해 설명했습니다. "우리의 기본 생각은 먼저 LLM Week를 시도하고 그 결과에 따라 결정을 내리는 것이었습니다." 어떤 아이디어를 채택할지 엄격하게 하기보다는 잠재력이 있으면 무엇이든 시도해 보기로 했습니다. Figma는 이미 회사 내에서 사용 가능했고, 계약을 다루는 것을 포함하는 서비스 특성상 사용할 수 있는 AI 도구가 제한적이었습니다. 즉, Dev Mode MCP 서버는 우리에게 익숙했고 배포하기 쉬웠습니다."

따라서 Sansan은 Dev Mode MCP 서버를 신속하게 채택했습니다. Code Connect와 결합함으로써 우리는 디자인과 구현 간의 격차를 줄이고, 대규모 AI 배포를 위한 개발 프로세스를 마련했습니다.

새로운 기능 개발을 가속화한 MCP 활용의 실제

Contract One 팀은 Dev Mode MCP 서버와 Code Connect를 배포하고 먼저 신규 기능 개발 분야에서 반복적인 시험을 실시했습니다. Inoue 씨는 그 당시를 다음과 같이 얘기합니다.

"Code Connect는 코드를 실행하기만 하면 템플릿을 생성하므로 편리합니다. 그러나 디자인 시스템이 크게 성숙하지 않았기 때문에, Figma의 디자인과 React의 컴포넌트 구현 사이에 격차가 있었습니다. 따라서 이러한 격차를 점차적으로 메워나가는 작업이 여전히 필요했습니다. 하지만 이미 디자인 시스템을 갖추고 있었기에, 배포 자체는 순조롭게 진행된 것 같습니다."

실제 개발 측면에서는 Sansan이 적극적으로 Dev Mode MCP 서버를 사용하여 Contract One의 새로운 화면을 생성했습니다. "AI 회사 요약" 기능은 2025년 8월에 출시되었으며, Dev Mode MCP 서버를 사용하여 구현되었습니다. Inoue 씨: "Figma에서 만들고자 하는 구성 요소를 선택하고 준비된 프롬프트를 입력하면 일정 수준의 품질을 가진 화면을 빠르게 생성할 수 있습니다. 완벽하지는 않지만, 기본적인 프레임워크를 빠르게 결합하여 업무량을 상당히 줄일 수 있습니다."

물론, 이러한 도구들을 효과적으로 사용하는 방법을 고안하는 것도 필수적입니다. Inoue 씨: "핵심은 한 번에 모든 것을 하게 하지 않는 것입니다. 먼저, 전체적인 그림을 파악할 수 있도록 Figma URL을 제공합니다. 그런 다음, 다음 단계에서 컴포넌트를 세분화합니다. 이 업무 흐름을 통해 단계별로 지침을 제공합니다. 예를 들어, CSS 스타일링의 경우, AI가 이해할 수 있도록 회사 내 정의의 예시를 제공하여 프롬프트를 조정합니다. 노력이 원하는 결과를 만들어낼 때 정말로 만족스럽죠."

시행착오를 통해, 우리는 Dev Mode MCP 서버를 Sansan의 개발팀을 위한 실용적인 도구로 전환하는 데 도움이 된 노하우를 축적했습니다.

신속한 계획-실행-검증-개선(PDCA) 주기를 통해 정의된 Sansan의 개발 스타일

Contract One에 도입된 이후 Dev Mode MCP 서버는 Sansan 내에서 빠르게 확산되었습니다. Oshima 본부장은 이에 대해 다음과 같이 회고합니다.

"Dev Mode MCP 서버는 Contract One에만 국한되지 않았습니다. 그 잠재력을 알아본 다른 부서들에서도 이니셔티브가 촉발되었습니다. 8월에는 사용량이 급증하여 계정이 부족해졌고, 즉각적으로 추가 구매를 진행해야 했습니다 일부 팀은 초기 설계 단계부터 Figma를 사용하기 시작했으며, 이는 회사 내에서 점차 표준이 되고 있습니다."

정보가 Figma에 집계된 프로젝트에서 효과가 더욱 두드러졌습니다. "모든 정보가 Figma에 있다면 개발 시간을 크게 단축할 수 있습니다." 기존 프로젝트와는 조건이 달라 직접적인 비교는 불가능하지만, 신규 개발의 작업 시간을 약 절반으로 단축할 수 있다는 인상을 받았습니다. 인간과 AI 모두가 해석 가능한 데이터 구조가 효율성을 높이고 있다고 생각합니다. LLM Week 동안, 풀 요청의 80%가 AI에 의해 작성되었습니다. 그러나 업무량 감소라는 관점에서 보면 여전히 많은 과제가 남아 있습니다. 프로세스는 어느 정도 효과적이지만 개선의 여지가 있습니다."

Inoue 씨는 또한 결과를 차분하게 분석했습니다. "LLM Week 동안 일부 지표는 실제로 생산성이 감소한 것으로 나타났습니다. 이로 인해 AI가 진정으로 뛰어난 분야와 그렇지 않은 분야를 명확히 식별하는 것이 얼마나 중요한지 깨닫게 되었습니다. 이런 이유 때문에 성공과 실패를 포함하여 획득한 모든 지식을 공유하는 것이 필수적입니다. 구현 속도는 확실하게 개선되었고, 많은 팀 멤버가 도구가 유용하다고 언급했습니다. 예를 들어, 스프린트 리뷰 후 변경이 이루어지는 것이 일반적입니다. 그러나 Figma를 통해 업데이트를 받으면 즉시 해당 변경 사항을 적용할 수 있습니다. 이 프로세스는 한 번에 완벽한 것을 제공하는 것보다 점진적인 개선에 더 적합합니다. 사용자 반응을 기반으로 디자인을 수정할 수 있는 것은 큰 이점입니다.

Oshima 본부장: "Dev Mode MCP 서버는 지속적인 릴리스와 개선이 반복되는 Contract One의 현재 단계에 가장 적합합니다. 특히 AI 기능은 아직 탐색 단계에 있습니다. 그러나 MCP를 사용하여 PDCA 주기를 빠르게 완료할 수 있습니다. 이것이야말로 가장 큰 강점이라고 생각합니다."

Inoue 씨: "Contract One은 법무 부문뿐만 아니라 영업 및 백 오피스 등 광범위하게 사용할 수 있는 제품입니다. 그렇기 때문에 UI를 더 직관적이고 사용자 친화적으로 만들고 싶습니다. 이를 위해 변화에 빠르고 효율적으로 대응할 수 있도록 해주는 Dev Mode MCP 서버를 활용하려고 합니다. 이를 위해 Code Connect의 완전성을 더욱 향상시키는 것이 우리의 목표입니다."

인간과 AI의 협력에 기반한 새로운 개발 단계

Oshima 본부장은 AI 활용 범위를 UI 개발을 넘어 제품 개발 프로세스 전체로 확장하려는 비전을 가지고 있습니다. "UI를 단일 컴포넌트로 생각한다면 프로그램 내에서 동일하게 취급할 수 있어야 합니다. 이는 전체 개발 프로세스를 획기적으로 가속화할 것입니다. 사람들은 Figma에서 아이디어를 논의할 수 있고 AI는 구현을 처리할 수 있습니다. 이러한 분업이 이루어진다면, 엔지니어들에게 훨씬 더 흥미로운 세상이 펼쳐질 것이라고 믿습니다. 주요 과제 중 하나는 암묵적인 지식을 명확히 표현하는 것입니다. 누가 보든 상관없이 답이 동일한 부분은 AI에 맡길 수 있습니다. 그러나 사람마다 해석이 달라지는 부분의 경우는 AI에 맡기면 불일치가 발생합니다. 이 둘 사이의 차이를 명확히 하면 AI 활용 범위가 더욱 확장될 것입니다."

전사적으로 Sansan은 현재의 궤적을 뛰어넘는 '비연속적 성장' 단계에 진입하고 있습니다.

Oshima 본부장: "Contract One과 함께, 우리는 현재 궤적을 넘어서는 성장을 추구하고 있습니다. 이것이 바로 우리 개발 속도를 빠르게 가속해야 하는 이유입니다. 우리는 Figma에서 디자인에서 구현까지 끊김 없이 이어지는 업무 흐름이 주요 돌파구가 될 것이라고 믿습니다. 인간과 AI가 조화롭게 협력하는 프레임워크를 구축할 수 있다면, Dev Mode MCP 서버는 그 생태계의 중심 도구가 될 잠재력을 가지고 있습니다." 이 프레임워크를 더욱 정교화함으로써 Toyota의 "자동화(인간-기계 협업)"와 유사하게 기계가 운영을 담당하고 사람은 판단과 창의성에 집중할 수 있는, 모든 사람이 만족할 수 있는 개발 수준에 도달할 수 있을 것입니다.