프로토타이핑

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

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

질문사항

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

답변

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

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

인터랙션 설정: 라디오 버튼(또는 클릭 가능한 요소)을 선택하고, 프로토타입 패널에서 'Interaction'을 추가합니다.

트리거 설정: 'On Click' 또는 원하는 트리거를 선택합니다.

액션 설정: 'Navigate to' 대신 'Scroll to' 액션을 선택합니다.

대상 지정: 'Scroll to' 옵션에서 다음 페이지의 특정 프레임이나 요소를 선택하여 해당 위치로 스크롤되도록 지정합니다. 만약 이전 페이지의 스크롤 위치를 그대로 유지하고 싶다면, 다음 페이지에서 해당 위치에 해당하는 요소를 미리 지정해두어야 합니다.

애니메이션 설정: 'Animation'을 'Instant' (1ms)로 설정하면 즉시 이동하는 것처럼 보입니다.

이 방법을 사용하면 다음 페이지로 이동할 때 원하는 스크롤 위치를 제어할 수 있습니다.