목록 보기
디자인 생산성을 높이는 피그마 플러그인을 만들어보자 1부: 디자인 편
프론트엔드

디자인 생산성을 높이는 피그마 플러그인을 만들어보자 1부: 디자인 편

우아한 형제들
우아한 형제들
2025년 4월 22일

두줄요약

UT용 프로토타입 데이터 입력의 반복 작업과 리소스 탐색 비효율을 줄이기 위해 피그마 플러그인 데이터브릿지를 만들었습니다. 실제 데이터 적용과 기능 단순화로 작업 시간을 크게 줄이고 인터뷰 몰입도를 높였습니다.

문제 상황

  • UT용 프로토타입 제작 시 이미지, 이름, 가격, 리뷰 등 데이터를 반복 수작업으로 채워야 하는 비효율
  • 어드민, NAS, 구글 드라이브 등 흩어진 리소스를 오가며 디자인 에셋을 찾고 재가공하는 불편

원인 분석

  • 실제와 유사한 프로토타입을 만들기 위해 정보 연출 작업이 과도하게 필요함
  • 필요한 데이터는 서버에 있지만 디자이너가 직접 선별, 교체, 복사·붙여넣기를 수행해야 하는 구조

해결 방법

  • 피그마 워크스페이스 안에서 데이터를 바로 적용하는 플러그인 데이터브릿지 MVP 제작
  • 커머스 상품 중심으로 기능을 좁히고, 1개월 내 출시 후 반응을 보며 기능과 데이터 풀 확장

성능/운영 포인트

  • 데이터 수정 시간이 평균 3시간 이상에서 10여 분으로 단축
  • 실제 데이터 적용으로 인터뷰 몰입도 향상, UT의 현실감과 구체성 개선
  • 최근 사용, 세부 설정, 이미지 리소스 통합, 레이어명 원클릭 변경 등 편의 기능 추가

댓글 0

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

댓글을 불러오는 중...