라이브러리 및 내보내기

라이브러리는 이 브라우저에 저장됩니다. 상단 바에서 라이브러리를 선택하여 엽니다. 라이브러리에는 프로토타입, 이미지, 동영상, 문서, 테마, 타입 램프, 아이콘의 일곱 개 탭이 있습니다. 이 페이지에서는 프로토타입과 내보내기를 다루며, 다른 탭은 이미지, 동영상, 문서, 테마, 타입, 아이콘에서 설명합니다.

프로토타입 저장하기

캔버스 위의 저장을 선택합니다. 처음 저장하면 첫 번째 요청의 이름으로 프로토타입이 라이브러리에 추가됩니다. 그 후에는 저장할 때마다 현재 초안이 새 버전으로 추가됩니다. 저장하지 않은 변경 사항이 있으면 저장 버튼이 채워진 모양으로 표시됩니다.

저장된 프로토타입의 주석은 자동으로 저장됩니다.

열기, 수정, 찾기

• 프로토타입을 선택하면 캔버스에 열립니다. 그런 다음 변경할 내용을 설명하세요.
• 프로토타입의 버전 목록을 열어 이전 버전을 열 수 있습니다. 다음 요청은 해당 버전을 수정하며, 저장하면 결과가 최신 버전으로 추가됩니다.
• 검색창을 사용하여 제목으로 필터링하세요.

프로토타입을 열면 캔버스의 초안이 대체됩니다. 해당 초안에 저장되지 않은 변경 사항이 있으면 라이브러리에서 먼저 경고합니다.

이름 바꾸기 및 삭제

프로토타입의 ⋯ 메뉴를 열어 이름 바꾸기 또는 삭제를 선택합니다. 삭제하면 프로토타입과 모든 버전이 이 브라우저에서 제거됩니다.

내보내기

작업 중인 프로토타입은 캔버스 위의 내보내기를 사용하여 내보냅니다.

내보내기	결과물	용도
파일(.json)	모든 버전이 포함된 프로토타입.	다른 브라우저로 옮기거나, Vibr를 사용하는 사람과 공유합니다.
앱(.html)	작동하는 웹 페이지 하나.	데모에 사용하거나, 정적 파일을 제공하는 곳 어디에나 호스팅합니다.
특정 언어 앱(.html)	캔버스에 설정된 언어로 된 같은 페이지이며, 아랍어와 히브리어는 오른쪽에서 왼쪽으로 표시됩니다. 다른 언어로 미리 보기를 사용할 때 나타납니다.	해당 언어를 읽는 검토자나 고객에게 디자인을 보여 줍니다.
플로(.zip)	이 화면과 연결된 모든 화면을 페이지로 내보낸 파일.	플로 전체를 시연합니다. 플로를 참조하세요.

라이브러리 하단의 모두 내보내기를 사용하면 모든 프로토타입과 버전이 담긴 라이브러리 파일(.json) 또는 각 프로토타입을 작동하는 페이지로 만들고 이를 연결하는 갤러리 페이지를 포함한 웹앱(.zip) 중 하나를 다운로드할 수 있습니다.

내보내기에는 프로토타입에서 사용하는 이미지, 동영상, 테마, 타입 램프가 포함됩니다. 가져온 글꼴은 제외되는데, 글꼴 라이선스에서 공유를 허용하지 않는 경우가 많기 때문입니다. 업로드한 동영상이 25 MB를 넘는 앱은 페이지 옆 폴더에 동영상을 담은 zip으로 다운로드됩니다.

내보낸 앱 모서리에는 Vibr를 여는 작은 Made with Vibr 링크가 표시됩니다. 표시하지 않으려면 내보내기 메뉴에서 “Made with Vibr” 포함을 해제하세요. Vibr가 선택을 기억합니다.

내보낸 앱은 호스팅하는 곳 어디에서나 자체 코드를 실행합니다. 다른 사람이 공유한 파일로 만든 앱을 게시하기 전에 코드를 검토하세요.

내보내기 메뉴의 링크 공유는 아직 없습니다. 선택하면 이 기능을 만들자는 한 표로 집계되고, 대화상자가 그렇게 알려 줍니다. 사용자나 프로토타입에 관한 정보는 보내지 않습니다.

가져오기

가져오기를 선택하거나 라이브러리에 파일을 놓아 Vibr 파일(.json)을 가져옵니다. 이미 있는 프로토타입을 가져오면 파일의 사본이 더 최신인 경우에만 기존 사본을 대체합니다. 저장되지 않은 초안이 있는 상태에서 가져오면 Vibr가 먼저 초안을 저장하므로 잃어버리는 내용이 없습니다.

저장 용량 한도

브라우저는 사이트가 저장할 수 있는 용량을 제한합니다. 라이브러리가 가득 차면 저장할 때 Vibr가 알려 줍니다. 더 이상 필요 없는 프로토타입을 삭제하거나 먼저 내보내세요.