프로덕트 디자이너와 개발자를 연결하는 AX 프로젝트, AXPD스쿼드
프론트엔드
프로덕트 디자이너와 개발자를 연결하는 AX 프로젝트, AXPD스쿼드
두줄요약
AI 프로토타입이 개발 코드로 이어지지 못하는 디자인·개발 협업 병목을 분석했습니다. 공통 검증과 Storybook 하네스로 재사용 가능한 작업 경로를 마련합니다.
문제 상황
- AI 프로토타입의 빠른 제작과 달리 개발 단계에서 코드 재작성 발생
- 프로토타입과 화면 동작·상태·예외를 담은 디스크립션의 분리 관리
- 변경 사항 불일치와 디자인·개발 사이 반복 확인 작업
해결 방법
- 도구 통일 대신 디자인 규칙·상태·예외·동작을 확인하는 공통 검증 루트 마련
- 피그마 요소와 실제 코드 컴포넌트를 연결하는 AI-Readable Design System 정리
- 프로토타입과 디스크립션의 동기화 과정 및 도구별 하네스 구축
구조와 흐름
- 피그마·Claude Design·Open Design 결과물을 Storybook으로 연결하는 경로별 하네스
- 디자인 규칙과 화면 설명 전달, 공통 검증, 사람의 사용 흐름·의도 검토 순서
- 실제 이슈 파일럿으로 재확인·수정 지점을 수집해 가이드와 예제로 전파
성능/운영 포인트
- 스쿼드의 결과물 대행 대신 각 팀이 하네스를 만들고 수정하는 방식
- 검증 기준에 상태·예외 사례를 축적해 유사 화면 작업에 재활용
- 각 팀의 자립적 적용·개선을 전제로 한 스쿼드 해체 목표


