MCP Server 기반 Design System 구축을 통한 AI Hallucination 제거 및 개발 생산성 극대화

Context

LLM이 기업 내부의 폐쇄적인 Design System 문서에 접근할 수 없어 node_modules 탐색 및 추론에 의존하는 한계 발생. 이로 인해 실제 API와 다른 Hallucinated Component API가 생성되어 코드 신뢰도가 저하되는 문제 직면.

Technical Solution

• Model Context Protocol(MCP)을 도입하여 AI 모델이 호출 가능한 표준화된 Tooling 계층 설계
• REST API의 엄격한 Schema 제약 대신 Loosely Structured Text/JSON을 반환하여 AI의 컨텍스트 이해도 최적화
• Custom Elements Manifest와 같은 Machine-readable 포맷을 직접 연결하여 컴포넌트 메타데이터의 실시간 동기화 구현
• 단순 Props 정의를 넘어 '사용 금지 조합' 등 Opinionated Guidance를 Tool에 포함시켜 AI의 의사결정 품질 향상
• Figma Code Connect MCP와 결합하여 Design Spec에서 구현 코드까지의 파이프라인을 통합하는 Multi-MCP 아키텍처 구성