핵심 요약
NHN Cloud가 Claude Code를 활용해 PDF로 전달된 NHN Cloud Console 디자인 시스템 가이드를 분석하고, 토큰을 C++ 코드로 매핑해 자동 생성하는 디자인 시스템 코드를 구현한 실무 경험을 공유합니다.
주요 경험
- PDF의 색상, 타이포그래피 등 토큰을 1:1 매핑해 cloudaccess::design 네임스페이스의 코드로 자동 생성
- 프리미티브 토큰, 시맨틱 토큰, 컴포넌트 프리셋의 계층 구조를 코드에 재현하고 토큰 매핑을 유지
- 디자인 변경 시 토큰 변경만으로 전체 코드에 반영되도록 구조화해 협업 효율을 높임
얻은 인사이트
- PDF 기반 분석으로 실무 생산성과 코드 품질이 향상될 수 있음
- 토큰 명명 규칙의 일관성이 커뮤니케이션을 원활하게 함
- 향후 아이콘/레이아웃 가이드 확장에도 동일 방식 적용 가능
