실행 가능한 사용자: 전체 사용자
어떤 플랜들: 모든 플랜
지원 플랫폼: 브라우저, 데스크톱, 모바일
보드에서 프로토타입 라이브러리를 사용해 바로 프로토타입을 생성하세요. 라이브러리에는 UI 요소와 아이콘이 포함되어 있으며, AI로 만들기 프로토타입 기능과 함께 또는 단독으로 사용해 인터랙티브 프로토타입을 만들 수 있습니다.
✏️ 프로토타입 라이브러리가 와이어프레임 라이브러리를 대체하며, 올해 말에는 사용되지 않게 됩니다. 그때까지는 프로토타입 라이브러리 내의 와이어프레임 탭을 통해 와이어프레임 라이브러리에 접근할 수 있습니다.
프로토타입 라이브러리 액세스
-
미디어, 도구 및 통합 (
) 아이콘을 클릭하세요.
- 프로토타이핑 검색
- 프로토타입 검색 결과를 선택하세요.
- 프로토타입 패널이 UI 요소와 아이콘 탭과 함께 열립니다.
프로토타입 디자인하기
- UI 요소 패널에서 화면을 선택하고 보드의 아무 곳이나 클릭해 배치하세요.
- 다른 UI 요소 또는 아이콘을 화면에 끌어다 놓으세요.
- 다중 화면 프로토타입을 설계할 때, 화면 간 상호작용을 추가하려면 연결선을 추가하세요 (미리보기에서 확인 가능):
- 연결하려는 UI 요소를 클릭하세요.
- UI 요소에서 연결선 아이콘을 클릭하고 드래그하여 연결하고자 하는 화면으로 이동하세요.
UI 요소 상태 변경
몇몇 UI 요소는 프로토타입에서 상태에 대한 옵션을 가지고 있으며, 예를 들어 체크박스를 선택하거나 선택 해제할 수 있습니다. 이 상태를 사용하려면:
- 설정을 변경할 UI 요소를 클릭하세요.
컨텍스트 메뉴가 표시됩니다. - 컨텍스트 메뉴에서 State 드롭다운을 클릭하세요.
- 원하는 상태를 선택하세요.
요소 스타일 변경
UI 요소의 색상이나 글꼴을 변경하려면:
- 편집할 요소를 클릭하세요.
컨텍스트 메뉴가 나타납니다. - 요소에 따라 배경색, 글꼴, 글꼴 크기 및/또는 글꼴 색을 변경할 수 있는 옵션이 제공됩니다.
프로토타입 미리보기
프로토타입의 인터랙티브 미리 보기를 보려면:
- 프로토타입 화면 중 하나를 선택하세요.
컨텍스트 메뉴가 나타납니다. -
미리보기를 클릭하세요.
미리보기가 로드됩니다. - 프로토타입 내의 요소를 클릭하여 Connector 선으로 생성된 상호작용을 확인하거나, 화살표를 클릭해 화면 간을 탐색할 수 있습니다.
자주 묻는 질문
드롭다운 구성 요소를 확장할 수 있나요?
아니요, 현재는 불가능합니다.