핵심 요약
NAVER D2가 AI 산출물이 프로덕션까지 이르게 하는 방식과 디자인시스템의 협업 모델을 제시하는 세션을 공개했습니다.
구현 방법
- 스펙·HTML·이미지를 Figma로 모으는 전략과 워크플로를 적용
- Figma 중심으로 컴포넌트·디자인 토큰·design.md로 의도 표현과 자동화 연결
- 이미지→Figma, Figma→마크업, Figma↔마크업 연계를 데모와 defign-toolkit(Claude Code 플러그인)으로 구현
- deFign assistant 도입으로 Spec→Code 방향성을 제시
주요 결과
- AI 산출물의 프로덕션 연계 워크플로우를 구체화
- 디자이너와 개발자의 협업 촉진
- 도구 체인(Code Connect, defign-toolkit, deFign assistant)을 통한 생산성 향상 방향 제시