디자인과 영상
상세페이지와 캐러셀
에이전트에게 상세페이지, 카드, 인스타그램 캐러셀을 캔버스에 만들게 하고, 고치고, 내보내는 방법이에요.
작업이 보이는 곳
디자이너 Mina가 상세페이지와 인스타그램 캐러셀을 만들지만, 다른 에이전트도 같은 일을 할 수 있어요. 에이전트가 작업하는 화면은 채팅 옆에 열려서 결과물이 만들어지는 과정을 지켜볼 수 있어요. 에이전트가 연 작업 공간마다 탭이 생겨요. 캔버스, 영상, 브라우저, 갤러리, 초안이에요. 에이전트 따라가기를 누르면 에이전트가 지금 작업 중인 곳으로 돌아가요.
캔버스 미리보기의 ↗ 편집, 다른 미리보기의 ↗ 열기를 누르면 크게 열려요. 대화로 돌아가기를 누르면 채팅으로 돌아와요.
상세페이지나 캐러셀 만들기
- 상품 사진을 첨부하세요. 메시지 입력창에 끌어다 놓거나 클립 아이콘(사진과 파일 첨부)을 누르면 돼요.
- 부탁하세요. 예를 들어 "이 상품 상세페이지 만들어 줘", "이걸로 인스타그램 캐러셀 5장 만들어 줘"처럼요.
- 캔버스에 한 섹션씩 쌓여 가는 걸 지켜보세요.
- ↗ 편집을 눌러 캔버스를 크게 여세요.
스크롤하면 화면이 움직이고, 트랙패드를 오므리거나 ⌘(Windows와 Linux에서는 Ctrl)를 누른 채 스크롤하면 확대/축소돼요. 화면에 맞추기는 프레임을 화면에 맞추고, 전체는 모든 프레임을 보여 주고, 숨기기는 양옆 칸을 치워요. 왼쪽 레이어에는 모든 프레임과 요소가 나와요. 위쪽 바 왼쪽 끝의 사이드바 버튼(⌘S)으로 열어요.
고치기
에이전트에게 부탁하기: 요소를 클릭한 뒤 캔버스 위에 떠 있는 채팅에 "이거 더 크게", "이 제목 바꿔 줘"처럼 쓰세요. 에이전트는 내가 무엇을 골랐는지, 어느 프레임을 보고 있는지 알아요. Shift를 누른 채 클릭하면 여러 개를 고를 수 있어요.
직접 고치기: 요소를 고르면 오른쪽 칸이 속성 패널로 바뀌어요. 텍스트, 레이아웃, 크기, 서체, 채우기, 테두리, 그림자, 필터, 혼합, 복제, 삭제가 있어요. 글자를 더블클릭하면 그 자리에서 고칠 수 있고, 요소를 끌면 옮겨져요. ⌘Z나 Ctrl+Z로 되돌려요.
프레임 크기를 바꾸려면:
- 프레임 위의 이름을 눌러 프레임 전체를 고르세요.
- 프레임 크기(캐러셀은 카드 크기)에서 정방형 · 1080 × 1080, 세로형 · 1080 × 1350, 스토리 / 릴스 · 1080 × 1920 중 하나를 고르세요.
- 크기 적용을 누르세요.
위쪽 바의 메뉴에서 다른 캔버스로 바꾸거나 + 새 캔버스를 만들 수 있어요.
내보내기
위쪽 바의 내보내기를 누르세요. 무엇을 골랐느냐에 따라 내보내는 방법이 달라요.
| 고른 것 | 내보내는 방법 |
|---|---|
| 아무것도 안 고름 | 페이지 내보내기에서 이미지(긴 페이지는 섹션별로, 캐러셀은 슬라이드마다 한 장씩), 미디어 포함 HTML (ZIP), MP4 중에 골라요. 섹션 내보내기 (PNG / GIF)는 섹션을 다운로드 폴더에 저장해요. |
| 프레임 전체 | PNG, JPEG, WebP(1x, 2x, 3x), MP4, 미디어 포함 HTML (ZIP). |
| 요소 | PNG, JPEG, WebP. |
MP4를 고르면 내보내기 방식(개별 클립 · 캐러셀 또는 영상 하나 · 시퀀스), 출력 크기, 카드당 초를 정해요. 캔버스에서 만든 MP4에는 소리가 없고, 처음 내보낼 때는 FFmpeg를 받느라 몇 초 걸릴 수 있어요. 파일마다 저장할 곳을 고르면, 끝난 뒤 그 폴더를 열어서 보여 줘요.