프로토타이핑 (베타)

사용 가능 대상: 전체 사용자
어떤 플랜: 모든 플랜 사용자, Enterprise 관리자는 여기에서 베타 엑세스를 요청할 수 있습니다.
지원 플랫폼: 브라우저, 데스크톱

AI로 만들기 2.0을 사용해 인터랙티브 프로토타입을 만들 수 있습니다. 

추가 정보: 프로토타입 개요 보기.

AI로 프로토타입 만들기

1. AI로 만들기 () 패널을 엽니다.
2. 프로토타입 선택.
3. 프로토타입에 대한 기기 유형을 선택하세요.
4. 멀티 스크린 플로우 또는 싱글 스크린 프로토타입을 만들지 선택하세요.
5. 프롬프트를 입력하세요. 더 많은 세부정보를 제공하면 더 정확한 결과를 얻을 수 있습니다.
6. Enter 키를 누르거나 아이콘 전송을 클릭하세요.
7. 프로토타입이 캔버스에 생성됩니다. 프로토타입 생성은 몇 분 정도 걸릴 수 있습니다.
8. 첫 번째 결과에 만족하고 수작업으로 편집을 시작하고 싶다면, 캔버스에 적용을 클릭하세요.
9. 처음부터 시작하려면 버전 폐기를 클릭하세요.
10. AI로 만들기를 사용해 프로토타입을 편집하거나 수정하고 싶다면, 아래에서 프로토타입을 수정하세요.

캔버스에서 컨텍스트 추가하기

AI 프롬프트에 디자인 브리프 문서나 스티커 메모 같은 컨텍스트를 추가해 보다 디자인 요구에 맞는 프로토타입을 만들 수 있습니다.

1. 프로토타입에 컨텍스트를 추가하기 위해 관련 보드 콘텐츠를 선택하세요.
2. AI로 만들기 () 패널을 엽니다.
3. 프롬프트를 따라 AI로 만들기 를 통해 프로토타입을 만드세요.
4. AI로 만들기는 프로토타입을 위해 선택한 보드 콘텐츠를 컨텍스트로 사용합니다.

AI로 프로토타입 세부 조정

프로토타입 초안이 생성되면 결과를 세부 조정할 수 있습니다.

1. 프롬프트 창에서 옵션을 클릭하여 화면 추가 또는 프로토타입 편집을 선택하세요.
2. 변경하려는 내용이나 추가하려는 화면을 입력하세요.
3. 보내기 아이콘을 클릭하거나 Enter 키를 누르세요.
4. 프로토타입 출력에 만족할 때까지 이 과정을 반복하세요.
5. 작업이 완료되면 캔버스에 적용을 클릭하세요.
6. 이제 프로토타입을 수동으로 편집할 수 있습니다.

프로토타입에 스타일 적용

기존 웹사이트의 시각적 스타일을 프로토타입에 적용하고 싶다면, Miro AI를 사용해 스타일을 자동으로 적용할 수 있습니다.

1. 프로토타입 화면 선택
2. 컨텍스트 메뉴에서 Miro AI 아이콘을 클릭하세요.
3. 이미지에서 스타일 가져오기를 선택하세요.
4. 스타일을 가져올 이미지 파일을 선택하세요.
5. Miro AI가 프로토타입에 스타일을 적용합니다.

프로토타입을 인터랙티브하게 만들기 위해 커넥터 선 추가하기

AI로 생성된 프로토타입에는 연결선이 포함되지만, 이를 수정하거나 더 추가할 수 있습니다. 

1. 프로토타입에서 다른 화면으로 연결할 요소를 클릭하세요. 커넥터 라인 아이콘이 요소 옆에 표시됩니다.
2. 커넥터 선 아이콘을 관련 화면으로 클릭하고 드래그하세요. 커넥터 선이 나타납니다.
3. 프로토타입 미리보기에서 연결된 요소를 클릭하면 연결된 화면으로 이동됩니다.

기존 디자인에서 프로토타입 만들기

기존 디자인을 반복하려면 Miro AI를 사용하여 스크린샷을 인터랙티브 프로토타입으로 변환할 수 있습니다.

1. 기존 디자인의 스크린샷을 캔버스에 추가하세요.
2. 스크린샷을 클릭해 컨텍스트 메뉴를 보세요.
3. Miro AI 아이콘을 클릭하세요.
4. 이미지를 프로토타입으로 변환을 선택하세요.
5. 기기 유형을 선택하세요. 모바일, 태블릿, 또는 데스크톱.
6. Miro AI가 디자인을 인터랙티브 프로토타입으로 변환합니다.