이 튜토리얼에서는 챗봇을 만드는 방법을 알아봅니다.

chatbot_preview_smaller.mp4

→이 튜토리얼에서 사용된 샘플 다운로드하기

디자인 설정하기

채팅 아이콘을 만들기

1. 빠른 도구 패널에서 아이콘을 선택하거나 키보드의 ⌥ + I 를 클릭합니다. 캔버스의 아무 곳이나 클릭하여 아이콘을 배치합니다.
2. 아이콘을 클릭하고 속성 패널의 Search icons(아이콘 검색) 필드에서 'chat(채팅)'을 검색합니다.
3. 화면 오른쪽 하단에 표시되도록 캔버스 오른쪽 하단에 채팅 아이콘을 배치합니다.

채팅창 배경을 만들기

1. 빠른 도구에서 Box를 선택하거나 키보드의 B 를 눌러 캔버스의 아무 곳이나 클릭하여 배치합니다.
2. 채팅 아이콘 옆에 Box를 배치합니다.

채팅창 헤더를 만들기

1. 빠른 도구에서 박스를 선택하거나 키보드의 B 를 눌러 첫 번째 박스의 상단을 클릭하여 배치합니다.
2. 박스 내부를 더블 클릭하여 텍스트 커서를 시작하고 헤더 텍스트로 'Customer support(고객 지원)'을 입력합니다.
3. 빠른 도구 패널에서 아이콘을 선택하거나 키보드에서 ⌥ + I 를 누릅니다. 채팅 요소 반대편에 있는 헤더 안쪽을 클릭하여 배치합니다.
4. 아이콘을 클릭하여 선택하고 속성 패널의 Search icons(아이콘 검색) 필드에 'mark close(마크 닫기)'를 입력합니다.
5. 페이지와 레이어 아래에 있는 아이콘 요소를 선택하고 이름을 'Quit(종료)'로 변경합니다.