채팅 목업
만드는 법
미리보기에서 메시지와 사진을 직접 편집한 뒤
PNG·JPEG·WebP 이미지 또는 MP4로 저장하는 순서를 안내합니다.
미리보기에서 직접 만들기
메시지·사진·참가자를 눌러 바로 편집합니다.
MCP로 AI 초안 만들기
장면을 설명해 PNG와 편집 가능한 URL을 받습니다.
이미지와 MP4 저장하기
PNG·JPEG·WebP 또는 메시지가 순차 재생되는 MP4로 내보냅니다.
공개 전에 확인할 안전 기준
사칭·개인정보·공개 채널의 표시 기준을 확인합니다.
미리보기 중심 편집 흐름 확인하기
가운데 휴대폰 화면에서 바로 편집하고, 메뉴가 필요할 때만 전체 패널을 여는 구조입니다.
상태 표시줄 편집
상태 표시줄을 눌러 시스템 바 표시, 시간과 배터리 잔량을 조절합니다.
채팅방 제목 편집
상단 제목을 눌러 채팅방 이름을 수정합니다.
프로필 편집
상대방 프로필을 눌러 참가자 이름과 프로필 이미지를 수정합니다.
미리보기 중심 편집
미리보기의 말풍선을 눌러 내용·보낸 사람·시간을 바로 수정합니다.
프로젝트 대화방
제목을 눌러 편집
2전체 편집 패널 열기
상단 메뉴에서 전체 메시지·참가자·채팅방 설정을 확인하고 수정합니다.
순서 바꾸기
미리보기의 말풍선과 사진 메시지를 위아래로 끌어 대화 순서를 바꿉니다.
사진 첨부
+ 메뉴에서 사진을 선택해 사진 메시지를 만듭니다.
새 메시지 작성
휴대폰 하단 입력창에서 메시지를 작성하고 Enter로 대화에 추가합니다.
MCP로 AI 초안 만들기
회사 공지, 고객 응대, 친구 대화처럼 장면과 말투만 설명하면 MockaoTalk MCP가 채팅 목업 PNG와 편집 가능한 빌더 URL을 만들어줍니다. MCP 입력은 이미지 생성을 위해 전송되므로 공개 콘텐츠용 샘플 문장으로 초안을 만들고, 이 가이드대로 참가자, 메시지, 시간만 다듬으면 더 빠르게 완성할 수 있습니다.
사진 메시지를 추가하기 전에 확인하세요
사진 메시지는 한 메시지에 최대 30장, 한 장당 원본 40MiB까지 추가할 수 있습니다. 브라우저는 사진을 긴 변 최대 1024px의 썸네일로 처리해 같은 브라우저의 IndexedDB에 저장합니다. 사진은 빌더 URL이나 다른 기기에 포함되지 않으므로 완성본을 이미지나 MP4로 내려받아 보관하세요.
웹 빌더에서 직접 만드는 5단계
미리보기에서 바로 시작하고, 세부 설정이 필요할 때 전체 편집 패널을 여세요.
미리보기에서 장면 확인
가운데 미리보기에서 채팅방 제목, 상태 표시줄과 참가자 프로필을 눌러 장면의 기본 정보를 직접 수정합니다.
빌더 인터페이스에서 찾기
가운데 미리보기의 채팅방 제목, 상태 표시줄, 참가자 프로필을 눌러 해당 설정을 바로 여세요.
메시지와 사진 추가
미리보기 하단에서 텍스트를 입력하고, + 메뉴에서 사진 메시지를 한 메시지에 최대 30장까지 추가합니다.
빌더 인터페이스에서 찾기
미리보기 하단 입력창에 텍스트를 쓰고 Enter를 누르세요. + 메뉴에서 사진을 선택하면 사진 메시지를 추가할 수 있습니다.
미리보기에서 직접 수정
말풍선이나 사진 메시지를 눌러 내용, 화자, 시간, 읽지 않은 수와 사진 순서를 미리보기 안에서 직접 수정합니다.
빌더 인터페이스에서 찾기
말풍선이나 사진 메시지를 누르면 미리보기 안에 편집창이 열립니다. 내용, 화자, 시간, 읽지 않은 수와 사진 순서를 수정하세요.
순서와 세부 설정 조정
미리보기에서 메시지를 끌어 순서를 바꾸고, 상단 메뉴의 전체 편집 패널에서 참가자와 채팅방 설정을 점검합니다.
빌더 인터페이스에서 찾기
말풍선을 위아래로 끌어 대화 순서를 바꾸세요. 상단 메뉴를 열면 전체 메시지·참가자·채팅방 설정을 한 번에 확인할 수 있습니다.
이미지 또는 MP4로 저장
완성된 목업을 PNG, JPEG, WebP 또는 MP4로 저장해 발표 자료, SNS 콘텐츠, 제품 설명 자료에 활용합니다.
빌더 인터페이스에서 찾기
미리보기 옆 저장 도구에서 PNG/JPEG/WebP 이미지 또는 MP4를 선택하세요. 긴 대화는 전체 높이 캡처 옵션으로 저장할 수 있습니다.
공개 전에 확인할 안전 기준
- 실제 이용자나 기관을 사칭하지 않고 허구의 인물임을 명시하세요.
- 전화번호, 계정, 주소 등 개인 정보를 입력하지 말고, 샘플 데이터는 중립적인 문장으로 작성합니다.
- 공개용 콘텐츠라면 조건, 제한, 브랜드 출처를 말풍선이나 설명 텍스트에 함께 기재하세요.
- 게시 채널(블로그, 앱, 커뮤니티)의 가이드라인과 관련 법규를 함께 확인하세요.
신뢰할 수 있는 제작 환경
- 웹 빌더에서 직접 입력한 대화 내용은 서버에 저장되지 않습니다.
- MCP로 초안을 만들 때 입력 내용은 PNG 렌더링을 위해 서버로 전송되지만, 실제 개인정보 대신 샘플 값을 사용하는 편이 안전합니다.
- 워터마크 제어 및 시스템 바 토글로 실제 촬영 화면과 구분되는 안전한 연출을 만들 수 있습니다.
- Terms/Privacy 문서를 통해 저작권·책임 범위를 명시하고 있으며, 업데이트 이력이 투명하게 공개됩니다.
