목록 보기
프로덕트 디자이너와 개발자를 연결하는 AX 프로젝트, AXPD스쿼드
프론트엔드

프로덕트 디자이너와 개발자를 연결하는 AX 프로젝트, AXPD스쿼드

미리디
미리디
2026년 11월 10일

두줄요약

AI 프로토타입이 개발 코드로 이어지지 못하는 디자인·개발 협업 병목을 분석했습니다. 공통 검증과 Storybook 하네스로 재사용 가능한 작업 경로를 마련합니다.

문제 상황

  • AI 프로토타입의 빠른 제작과 달리 개발 단계에서 코드 재작성 발생
  • 프로토타입과 화면 동작·상태·예외를 담은 디스크립션의 분리 관리
  • 변경 사항 불일치와 디자인·개발 사이 반복 확인 작업

해결 방법

  • 도구 통일 대신 디자인 규칙·상태·예외·동작을 확인하는 공통 검증 루트 마련
  • 피그마 요소와 실제 코드 컴포넌트를 연결하는 AI-Readable Design System 정리
  • 프로토타입과 디스크립션의 동기화 과정 및 도구별 하네스 구축

구조와 흐름

  • 피그마·Claude Design·Open Design 결과물을 Storybook으로 연결하는 경로별 하네스
  • 디자인 규칙과 화면 설명 전달, 공통 검증, 사람의 사용 흐름·의도 검토 순서
  • 실제 이슈 파일럿으로 재확인·수정 지점을 수집해 가이드와 예제로 전파

성능/운영 포인트

  • 스쿼드의 결과물 대행 대신 각 팀이 하네스를 만들고 수정하는 방식
  • 검증 기준에 상태·예외 사례를 축적해 유사 화면 작업에 재활용
  • 각 팀의 자립적 적용·개선을 전제로 한 스쿼드 해체 목표

다음 읽기

비슷한 주제의 프론트엔드 글

디자인시스템 팀은 디자인시스템만 잘 만들면 될까

디자인시스템은 컴포넌트만 만드는 일이 아니라 제품 판단 기준을 쌓는 일이라고 설명했습니다. AI가 UI를 빠르게 만들수록 패턴과 맥락을 정리하는 역할이 더 중요해졌습니다.

당근마켓
당근마켓
프론트엔드
전체 보기

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...