Adobe XD의 프로토타입 제작 기능을 사용하여 Photoshop 디자인을 생동감 있게 만들어 보세요. 이 튜토리얼에서는 스크롤 그룹을 설정하여 브라우저에서 웹 페이지를 아래로 스크롤하는 경험을 시뮬레이션하는 방법을 살펴봅니다. Repeat Grid에 스크롤 그룹을 활성화하여 세로 또는 가로 스크롤을 추가하거나 양방향으로 스크롤을 설정합니다. 구성 요소를 추가하고 상태를 설정하여 버튼에 커서 올리기 효과를 추가합니다. 긴 레이아웃에서 새 섹션으로 이동하는 연결 링크를 만듭니다. 다른 아트보드로 이동하는 버튼을 설정하여 누르면 프로토타입이 다음 화면으로 이동하도록 합니다.