디자인 생산성을 높이는 피그마 플러그인을 만들어보자 1부: 디자인 편
프론트엔드
디자인 생산성을 높이는 피그마 플러그인을 만들어보자 1부: 디자인 편
두줄요약
UT용 프로토타입 데이터 입력의 반복 작업과 리소스 탐색 비효율을 줄이기 위해 피그마 플러그인 데이터브릿지를 만들었습니다. 실제 데이터 적용과 기능 단순화로 작업 시간을 크게 줄이고 인터뷰 몰입도를 높였습니다.
문제 상황
- UT용 프로토타입 제작 시 이미지, 이름, 가격, 리뷰 등 데이터를 반복 수작업으로 채워야 하는 비효율
- 어드민, NAS, 구글 드라이브 등 흩어진 리소스를 오가며 디자인 에셋을 찾고 재가공하는 불편
원인 분석
- 실제와 유사한 프로토타입을 만들기 위해 정보 연출 작업이 과도하게 필요함
- 필요한 데이터는 서버에 있지만 디자이너가 직접 선별, 교체, 복사·붙여넣기를 수행해야 하는 구조
해결 방법
- 피그마 워크스페이스 안에서 데이터를 바로 적용하는 플러그인 데이터브릿지 MVP 제작
- 커머스 상품 중심으로 기능을 좁히고, 1개월 내 출시 후 반응을 보며 기능과 데이터 풀 확장
성능/운영 포인트
- 데이터 수정 시간이 평균 3시간 이상에서 10여 분으로 단축
- 실제 데이터 적용으로 인터뷰 몰입도 향상, UT의 현실감과 구체성 개선
- 최근 사용, 세부 설정, 이미지 리소스 통합, 레이어명 원클릭 변경 등 편의 기능 추가
