실행 가능한 사용자: 모든 사용자
사용 가능 플랜: 모든 플랜
사용 가능 환경: 브라우저, 데스크톱, 모바일
프로토타이핑 라이브러리를 사용해 Miro 캔버스에서 직접 프로토타입 레이아웃을 만드세요. 라이브러리에는 화면, UI 구성요소, 아이콘이 포함되어 있어 워크플로를 시각화하고 아이디어의 구조를 초기에 정리하는 데 도움이 됩니다.
프로토타이핑 라이브러리를 사용해 정적 프로토타입을 만들 수 있습니다. 고급 구성요소, 연결선, 인터랙티브 미리보기와 같은 기능은 Business 플랜 또는 Enterprise 플랜의 Accelerate 라이선스가 필요합니다.
프로토타입 라이브러리에는 Miro 캔버스에서 단일 및 다중 화면 흐름을 직접 만들 때 필요한 모든 요소가 들어 있습니다.
프로토타입 라이브러리 열기
- 캔버스에서 생성 바 의 도구, 미디어 및 통합 (
)을 클릭합니다.
- 검색해 Prototyping을 찾은 후, 프로토타입 라이브러리를 클릭합니다.
- 프로토타입 라이브러리 패널이 열립니다.
프로토타입 라이브러리의 구성
프로토타입 라이브러리는 탭으로 구성되어 있습니다. 모든 사용자는 스크린, UI 구성요소, 아이콘을 사용해 정적 프로토타입 레이아웃을 구성할 수 있습니다.
💡 AI로 생성된 프로토타입과 인터랙티브 워크플로를 위해 프로토타이핑 라이브러리를 Miro Prototypes와 함께 사용하세요.
화면
화면은 워크플로 프로토타이핑에 사용할 수 있도록 미리 만들어진 프레임입니다. 캔버스에 모바일, 태블릿 또는 데스크톱 화면을 추가하고 UI 요소를 드래그해 레이아웃을 구성할 수 있습니다.
화면으로 작업하기
- 표시하거나 숨기기 화면 크롬을 기기 프레임처럼 또는 단순 프레임으로 보이게 할 수 있습니다
- 회전 화면을 회전할 수 있습니다
- 크기 조정 드래그해 세로 방향으로만 높이를 늘려 화면 크기를 조정할 수 있습니다
UI 컴포넌트
UI 컴포넌트는 버튼, 입력 필드, 내비게이션 바, 폼 요소 등 화면에 끌어다 놓아 사용할 수 있는 일반적인 인터페이스 요소입니다.
다음과 같은 일을 할 수 있습니다:
- 컴포넌트를 화면에 끌어다 놓기
- 컴포넌트 크기 조정 및 재배치
- 컨텍스트 메뉴에서 텍스트와 기본 스타일 편집
✏️ 컨텍스트 메뉴 옵션은 선택한 요소에 따라 달라집니다.
Miro Prototypes를 사용하면 일부 UI 컴포넌트가 미리보기 모드에서 상호작용 가능해집니다. 예를 들어 버튼, 슬라이더, 입력 필드, 드롭다운 메뉴는 사용자가 정의한 연결선에 따라 동작합니다.
일부 컴포넌트 세트(예: Advanced components)는 Miro Prototypes에서만 사용할 수 있습니다. 접근 권한이 없으면 해당 컴포넌트가 라이브러리에 표시되지만 사용 불가 표시가 함께 나타날 수 있습니다.
아이콘
아이콘 탭에는 프로토타입에서 사용할 수 있는 검색 가능한 아이콘 라이브러리가 포함되어 있습니다.
아이콘 추가 또는 교체
- 라이브러리에서 아이콘을 캔버스로 드래그하세요.
- 아이콘을 선택한 다음 컨텍스트 메뉴에서 색상을 변경하세요.
- 위치와 크기를 변경하지 않고 다른 아이콘으로 교체하려면 아이콘 교체를 선택하세요.
와이어프레임 (레거시)
와이어프레임 탭에는 레거시 와이어프레임 요소가 포함되어 있습니다. 이 요소들은 기존 보드에서 계속 사용 및 편집할 수 있지만, 새로운 프로토타입에는 프로토타이핑 라이브러리의 화면과 UI 구성요소를 사용하는 것이 좋습니다.
연결선 및 상호작용 (Miro Prototypes)
연결선을 사용하면 프로토타입에서 화면 간 내비게이션을 정의할 수 있습니다. Miro Prototypes를 사용하면 요소와 화면 사이에 연결선을 만들어 다단계 워크플로를 구성할 수 있습니다.
연결선은 또한 인터랙티브 미리보기를 가능하게 합니다. 미리보기 모드에서는 연결된 화면이 클릭 가능한 워크플로처럼 동작하며, 화면이 뷰포트 범위를 벗어나면 세로로 스크롤됩니다. Miro Prototypes가 없으면 연결선과 인터랙티브 기능을 사용할 수 없습니다.
💡 일부 UI 요소는 화면에 추가하면 번개 아이콘이 표시됩니다. 여러 화면이 연결된 워크플로에서는 번개 아이콘을 드래그해 화면 간 연결선을 만듭니다.