팀 개발 속도 높이기: 피그마 컴포넌트 코드 자동 변환 플러그인 제작기

여기어때컴퍼니 파트너웹개발팀에서 UI 개발 속도 향상을 위해 피그마 컴포넌트를 코드로 자동 변환하는 플러그인을 직접 제작한 경험을 공유합니다. 기존 방식으로는 디자인 시스템 규칙을 반영하기 어렵고 반복적인 수작업에 많은 시간이 소요되는 문제가 있었습니다.

기존 플러그인이나 Figma Code Connect 기능도 팀의 요구사항을 충족시키지 못해 직접 플러그인을 개발하기로 결정했습니다. 이 플러그인 도입 후 Typography 컴포넌트 작성 시간이 30초에서 5초 미만으로 줄어드는 등 UI 개발 속도가 약 80% 향상되는 효과를 보았습니다.

본문에서는 플러그인 제작 배경, 구현 과정, 그리고 실제 도입 후 변화에 대해 자세히 설명합니다.