피그마에서 플로팅 버튼을 개발자에게 전달할 때, Auto Layout의 Absolute position을 사용해도 스크롤 뷰 버튼과 혼동하는 경우가 있습니다. 효과적으로 플로팅 버튼임을 전달하는 방법이 있을까요?
답변
피그마에서 플로팅 버튼임을 개발자에게 명확히 전달하기 위해서는 다음과 같은 방법을 활용할 수 있습니다:
별도 문서화 레이어: 디자인 파일 내에 별도의 페이지나 프레임을 만들어 해당 컴포넌트의 특성(예: '이 버튼은 플로팅 액션 버튼이며, 스크롤 시에도 화면 하단에 고정됩니다.')을 텍스트로 상세히 설명합니다. 개발자들은 피그마 코멘트보다 디자인 파일 자체의 설명을 더 잘 확인하는 경향이 있습니다.
Dev Mode 활용: Dev Mode에서 해당 컴포넌트의 속성을 확인하도록 안내하고, 필요하다면 `position: fixed`와 같은 CSS 속성을 명시적으로 언급하여 개발자가 이해하기 쉽도록 합니다.
프로토타입 시연: 실제 플로팅 버튼처럼 작동하는 프로토타입을 만들어 시연하여, 스크롤 시에도 버튼이 고정되는 동작을 직접 보여주는 것이 가장 효과적일 수 있습니다.
네이밍 컨벤션: 컴포넌트 이름 자체에 'Floating Button'과 같이 명확한 명칭을 사용하여 혼동을 줄일 수 있습니다.