[Figma] 화면간 이동 프로토타입 만들기

 

이번주제는 간단한 주제에요

앱에서 버튼을 누르면 다음화면으로 가는

그러한 동작을 시뮬레이션 할 수 있는 기능이에요

 

아트보드가 우선 2개이상이 필요하겠죠??

이동시킬 화면과 이동화면!

 

오토레이아웃을 누르면 오른쪽화면으로 이동되도록 해볼게요

 

왼쪽화면의

오토레이아웃을 클릭하고

디자인창이아니라

프로토타입창

을 클릭을 하면

사각형에 ㅇ 하나가 나타날거에요

드래그해서

이렇게 끌어다 놓으면

해당 컴포넌트를 어떻게 할때 동작하고

어떤 인터렉션이 동작할건지

설정할 수 있어요

 

설정했다면

오른쪽위에서

플레이 버튼을 눌러서

확인하고

 

여러 화면이 있다면

시작 지점을 설정할 수 있어요

 

오른쪽 프로토타입창에서

혹은 아트보드에서 왼쪽위에 재생표시를 드래그해서

지정할 수 있어요