개발 모드 & 핸드오프

개발자 모드 토글 버튼 선택 오류

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

질문사항

개발자 모드에서 토글 버튼의 특정 부분(예: 흰색 부분)이 선택되지 않는 이유는 무엇이며, 어떻게 해결할 수 있나요?

답변

개발자 모드에서 토글 버튼의 특정 부분이 선택되지 않는 문제는 해당 객체가 적절하게 구조화되지 않았을 때 발생할 수 있습니다. 특히 토글 버튼과 같이 여러 요소로 구성된 컴포넌트는 [오토레이아웃(Auto Layout)](https://help.figma.com/hc/en-us/articles/360040451373-Use-Auto-layout-to-design-responsive-frames)을 활용하여 만드는 것이 좋습니다.

오토레이아웃 활용: 토글 버튼을 오토레이아웃으로 구성하면, 전체 객체가 그룹으로 묶여 있으면서도 개발자 모드에서 각 내부 요소를 개별적으로 선택하여 수치(간격, 패딩, 크기 등)를 정확하게 확인할 수 있습니다.

컴포넌트 구조 확인: 토글 버튼이 컴포넌트 또는 베리언트로 만들어졌다면, 내부 레이어들이 제대로 분리되어 있고 선택 가능한 상태인지 확인해야 합니다. 때로는 마스크나 복잡한 그룹화가 선택을 방해할 수 있습니다.