사내용 디자인 시스템을 ‘AI-Ready’로
1. 배경 및 과제
구 야후(SAYA)와 구 LINE(LandPress UI)의 시스템 통합 과정에서 디자인 시스템 표준화와 개발 효율 향상이 필요해졌습니다. 단순한 사람용 문서를 넘어 AI도 올바르게 이해할 수 있는 규격화된 디자인 시스템의 필요성이 대두되었습니다.
2. 3단계 레이어 구조
- Layer 1 (품질 기준) : 브랜드 가이드라인, 접근성, UX 패턴 등 기술이 바뀌어도 변하지 않는 품질 축.
- Layer 2 (품질 정의) : AI가 참조할 수 있도록 라이브러리, 컴포넌트 사양, 이용 규칙(Dos & Don'ts) 등을 지식 데이터 형태로 구조화.
- Layer 3 (전달 메커니즘) : MCP, Figma Code Connect, Agent Skill, DESIGN.md 등 AI 모델에 지식을 전달하는 유연한 수단.
3. 성과 및 향후 방향
- Figma 디자인에서 코드를 생성하는 워크플로우를 검증하여 마크업 공수 약 80% 절감 효과를 확인했습니다.
- 앞으로의 지향점은 사람이 판단 기준을 설계하고 AI가 고속으로 구현을 담당하는 ‘AI Native’ 개발 환경을 구축하는 것입니다.
