Figmapedia
목록으로 돌아가기
프로토타이핑

프로토타입 스크롤 위치 유지

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

질문사항

스크롤 가능한 페이지에서 라디오 버튼을 클릭하여 다음 페이지로 이동하도록 프로토타입을 설정했습니다. 그런데 다음 페이지로 넘어가면 항상 맨 위로 스크롤되어 버립니다. 이전 페이지에서 체크했던 라디오 버튼과 동일한 스크롤 위치가 다음 페이지에서도 유지되도록 하려면 어떻게 해야 할까요?

답변

피그마 프로토타입에서 페이지 전환 시 스크롤 위치를 유지하거나 특정 위치로 이동시키려면 'Scroll to' 액션을 사용해야 합니다.

다음과 같이 설정할 수 있습니다:

  • 인터랙션 설정: 라디오 버튼(또는 클릭 가능한 요소)을 선택하고, 프로토타입 패널에서 'Interaction'을 추가합니다.
  • 트리거 설정: 'On Click' 또는 원하는 트리거를 선택합니다.
  • 액션 설정: 'Navigate to' 대신 'Scroll to' 액션을 선택합니다.
  • 대상 지정: 'Scroll to' 옵션에서 다음 페이지의 특정 프레임이나 요소를 선택하여 해당 위치로 스크롤되도록 지정합니다. 만약 이전 페이지의 스크롤 위치를 그대로 유지하고 싶다면, 다음 페이지에서 해당 위치에 해당하는 요소를 미리 지정해두어야 합니다.
  • 애니메이션 설정: 'Animation'을 'Instant' (1ms)로 설정하면 즉시 이동하는 것처럼 보입니다.
  • 이 방법을 사용하면 다음 페이지로 이동할 때 원하는 스크롤 위치를 제어할 수 있습니다.