만들기
플로
@screen 멘션으로 화면을 서로 연결하고, 재생으로 클릭하며 확인하고, 플로 전체를 내보냅니다.
플로는 서로 연결된 저장된 프로토타입의 모음입니다. 예를 들어 가격 페이지의 버튼을 누르면 결제 페이지가 열리는 식입니다. 각 화면을 따로 만든 다음 Vibr에 연결을 요청하면 됩니다.
화면 연결하기
- 연결할 대상 화면(예: 결제 페이지)을 만들고 저장을 선택합니다.
- 새로 만들기를 선택하여 다음 화면을 시작합니다.
- 요청에서
@screen/으로 저장된 화면을 멘션합니다. 예: "세 가지 요금제가 있는 가격 페이지. 시작하기 버튼을 누르면 @screen/a-checkout-page-with-an-order-summary가 열림".
저장된 각 프로토타입의 화면 이름은 제목에서 만들어집니다. @screen/을 입력하면 목록이 표시되며, @과 제목의 앞 글자 몇 개를 입력해도 됩니다.
캔버스에서 연결된 버튼을 클릭해도 초안을 벗어나지 않습니다. 대신 Vibr가 어떤 화면이 열리는지 알려 주고 재생을 사용하라고 안내합니다.
플로 재생하기
초안이 다른 화면과 연결되어 있으면 캔버스 위에 재생 버튼이 나타납니다. 이 버튼을 선택하면 사용자처럼 플로를 클릭하며 확인할 수 있습니다.
- 캔버스 위의 경로 표시에 방문한 화면이 나타납니다.
- 뒤로는 이전 화면으로, 다시 시작은 첫 화면으로 돌아갑니다.
- 완료를 선택하거나 Esc를 누르면 재생이 끝납니다.
링크가 저장되지 않은 화면을 가리키면 재생 중에 그 사실이 표시됩니다. 해당 이름으로 프로토타입을 저장하거나 Vibr에 다른 곳으로 연결하도록 요청하세요.
플로 내보내기
내보내기에서 플로(.zip) 형식을 선택하면 이 화면과 연결된 모든 화면을 웹 페이지로 다운로드합니다. index.html을 열어 시작하세요. 연결된 각 화면은 별도의 페이지이며 링크가 작동합니다. 플로 내보내기에는 화면이 최대 30개까지 포함됩니다. 라이브러리 및 내보내기를 참조하세요.