1. 스튜디오란?
스튜디오는 디자인을 자유롭게 손보는 편집 공간입니다. 화면은 세 영역으로 나뉩니다.
| 영역 | 역할 |
|---|---|
| 왼쪽 패널 | 텍스트·이미지·도형 등 요소 추가 및 직접 편집 |
| 가운데 에디터 | 실제 상세페이지 (요소를 선택해 직접 수정, 또는 AI 채팅에 추가) |
| 오른쪽 채팅 | AI에게 말로 수정 요청 |
2. 에디터 확대/축소
가운데 화면 아래쪽의 [−] / [+](또는 % 표시)로 편집 화면을 확대·축소할 수 있어요. 작업하기 편한 크기로 맞춰서 보세요.
3. 섹션 관리 (툴바)
섹션을 선택하면 위에 툴바가 떠요. 여기서 위/아래 이동 · 재생 · 애니메이션 제거 · 복제 · 삭제 · 채팅에서 수정하기를 할 수 있어요. 왼쪽 [섹션] 탭에서는 순서 변경 · 추가 · 삭제도 가능합니다.
4. AI 이미지·영상 생성
왼쪽 [AI 생성] 탭이나, 이미지를 클릭하면 뜨는 [이미지 생성] · [비디오 생성] 으로 만들어요. 참고 이미지와 명령어를 넣으면 AI가 만들어줘요. (크레딧이 차감되는 작업이에요.)
5. 채팅으로 수정하기 (레퍼런스)
오른쪽 채팅에 말로 요청하면 돼요. 특정 섹션·요소는 [채팅에서 수정하기] 로 콕 집어 알려줄 수 있어요. 따라 만들고 싶은 디자인이 있다면 [레퍼런스가 있다면] 으로 올려서 "이 디자인처럼" 요청할 수도 있어요.
6. 자유 모드
요소를 원하는 위치 어디든 놓고 싶을 땐, 화면 아래 [자유] 모드를 켜세요. 이미지 위에 글자를 얹거나, 크기·회전·겹치기까지 자유롭게 됩니다. (도형도 자유 모드에서 추가해요.)
7. 이미지 교체하기
이미지를 클릭 → 왼쪽 [이미지 교체] 에서 새 파일을 올리거나 라이브러리에서 골라 바꿔요. 배경 제거 · 자르기 · 필터 같은 편집도 같은 패널에서 할 수 있어요.
8. 텍스트 내용 바꾸기
텍스트를 더블클릭하면 바로 수정돼요. Enter 로 줄바꿈, Esc(또는 바깥 클릭)로 저장해요. 폰트·크기·색 같은 모양은 [텍스트 스타일] 패널에서 바꿉니다.
9. 애니메이션 효과
요소를 선택하고 [애니메이션] 탭에서 효과를 고르거나, 채팅에 "타이핑 효과 넣어줘" 라고 하면 돼요. 섹션 툴바의 [▷ 재생] 으로 움직임을 미리 볼 수 있어요.
10. 내보내기
완성됐다면 우측 상단 [내보내기] 로 저장해요. 이미지(PNG·JPEG·WebP·GIF) 또는 웹으로 배포할 수 있어요.
💡 내보낸 뒤에도 프로젝트는 그대로 살아있어요. 언제든 다시 수정하고 또 내보내기 하면 됩니다.