Figma API 기반 Deterministic Pipeline으로 300일 공수를 35일로 단축

Context

Figma 설계안을 코드로 수동 변환하는 과정에서 발생하는 Human Error와 Design Drift가 주요 병목 지점으로 작용. 설계 데이터의 시각적 해석 차이로 인해 컴포넌트당 4~5일의 개발 공수가 소요되는 구조적 한계 직면.

Technical Solution

• Figma를 단순 참조 대상이 아닌 Single Source of Truth 데이터베이스로 정의하여 API 기반 직접 추출 구조 설계
• Token Reconnaissance 단계를 통한 미존재 Design Token의 선제적 식별 및 Patch 생성 로직 구현
• 결정론적 값(Typography, Spacing 등)을 AI 모델 전달 전 알고리즘으로 선행 처리하여 Approximation 오류 제거
• MUI sx props 및 TypeScript Strict Mode 강제 적용을 통한 생성 코드의 품질 표준화
• Raw Hex Value 및 잘못된 Border Radius 등 금지 패턴을 검출하는 Post-generation Scanning 필터 도입
• Component, Storybook, Spec-lock Test를 동시 생성하여 CI 단계에서 Drift를 자동 검증하는 패키지 구조 채택