디자인 수정하기
AI 에디터에서 홈페이지 디자인을 수정하는 두 가지 방법과 활용 팁을 안내합니다.
1. 영역 선택 편집
프리뷰에서 수정할 부분을 직접 클릭한 후 수정을 요청하는 방식입니다. 특정 요소를 정확하게 지정할 때 유용합니다.
- 상단 'Draw' 버튼을 클릭합니다.
- 우측 프리뷰에서 수정할 부분을 선택합니다.
- 근처에 나타나는 팝업 입력창에 수정 내용을 입력합니다.
- Enter 키로 전송합니다. (ESC로 취소)
2. 채팅 편집
좌측 AI 어시스턴트 패널의 입력창에서 직접 수정을 요청하는 방식입니다. 영역을 선택하지 않아도 됩니다.
채팅 편집이 적합한 경우
| 상황 | 요청 예시 |
|---|---|
| 수정할 위치를 모를 때 | "헤더에 있는 버튼 색상을 바꿔줘" |
| 홈페이지 전체를 수정할 때 | "전체 색상 톤을 따뜻하게 변경해줘" |
| 화면에 보이지 않는 요소 | "페이지 타이틀을 '미용실 예약'으로 바꿔줘" |
예시 프롬프트 칩(색상 테마 변경, 폰트 변경, 갤러리 변경, 게시판 추가 등)을 클릭하면 해당 수정을 빠르게 요청할 수 있습니다.
3. 연속 대화 활용
AI는 현재 세션 내에서 이전 대화의 맥락을 기억합니다. 연속으로 요청하면서 세밀하게 조정할 수 있습니다.
| 순서 | 요청 | AI 동작 |
|---|---|---|
| 1 | "배경색을 파란색으로 바꿔줘" | 배경색을 파란색으로 변경 |
| 2 | "좀 더 진하게" | 파란색을 더 진하게 조정 |
| 3 | "거기에 그라데이션 추가해줘" | 배경에 그라데이션 적용 |
| 4 | "아까 거 취소해줘" | 직전 수정을 취소 |
안내
대화 맥락은 에디터 창이 열려 있는 동안 유지됩니다. 에디터를 닫고 다시 열면 초기화됩니다. 더보기(···) 메뉴의 "대화 초기화"로 맥락을 수동으로 리셋할 수도 있습니다.
4. 수정 요청 예시
| 수정 유형 | 요청 예시 |
|---|---|
| 텍스트 | "버튼 텍스트를 '바로가기'로 변경해줘" |
| 색상 | "배경색을 파란색으로 바꿔줘" |
| 폰트 | "전체 폰트를 나눔고딕으로 변경해줘" |
| 레이아웃 | "이미지를 왼쪽에, 텍스트를 오른쪽에 배치해줘" |
| 섹션 추가/삭제 | "히어로 하단에 갤러리 섹션을 추가해줘" / "아티스트 소개 삭제해줘" |
| 위젯 추가 | "예약 위젯을 추가해줘" / "게시판을 추가해줘" |
| 지도 추가 | "지도 추가해줘" |
| 유튜브 추가 | 영상 링크와 함께 "유튜브 추가해줘" |
주의
결제 위젯을 추가하려면 PG 신청이 완료되어 있어야 하며, 어드민에 결제 상품이 1개 이상 등록되어 있어야 합니다.