개발 모드 & 핸드오프

색상 선택 UI 개발 협업

피그마 오픈카톡방2026. 3. 7.

질문사항

색상 선택 UI를 개발자와 제작 중입니다. 개발자분이 파란색 테두리 SVG 파일을 요청하셨는데, 다음 두 가지 질문이 있습니다. 1. 현재 색상 선택 디자인 시안이 개발상 어려운 점이 있을까요? 2. SVG 파일을 전달할 때 '파란색 테두리 + 하얀색 여백'을 포함하여 전달해야 할까요?

답변

1. 개발 난이도: 해당 색상 선택 UI는 개발상 특별히 어려운 점은 없습니다. 대부분의 이커머스 플랫폼에서 흔히 볼 수 있는 기능입니다.

SVG 파일 전달 방식: 이 부분은 개발자와 협의하여 결정하는 것이 가장 좋습니다. 일반적으로 두 가지 방식이 있습니다:

오버레이 방식: 모든 컬러칩을 기본 상태로 전달하고, 선택 시 그 위에 '투명 바탕에 파란색 테두리만 있는' SVG 레이어를 얹어서 표시하는 방식입니다.

상태별 제공 방식: 모든 컬러칩을 기본 상태와 선택된 상태(파란색 테두리 포함) 두 벌로 제공하고, 개발자가 라디오 버튼처럼 선택 분기 처리를 통해 상태를 전환하는 방식입니다.