완성본 편집 화면
초안 화면에서 이대로 만들기를 누르면 완성된 상세페이지가 편집 화면에 열립니다. 왼쪽에 페이지 목록이, 가운데에 완성본이, 오른쪽에 AI 대화창이 있고, 고치고 싶은 곳을 대화창에 적으면 AI 에이전트가 수정합니다. 캔버스에서 페이지나 사진을 누르면 요청이 그 페이지나 사진에만 적용됩니다.
AI 에이전트로 수정하기
1. 문구 고치기
캔버스에서 페이지를 누르고 대화창에 짧게 다듬기, 존댓말로 통일하기, 제목을 질문형으로 바꾸기처럼 원하는 방향을 적으면 그 페이지의 문구가 바뀝니다. 결과 카드의 되돌리기를 누르면 수정 전으로 돌아갑니다.
예를 들어 이 글에서는 "이 페이지 문구를 더 짧게 다듬어줘"라고 적어 여덟 줄이던 본문을 다섯 줄로 줄였습니다. 문구 수정에는 후큰이 들지 않으며, 직접 타이핑하여 수정할 수도 있습니다.
2. 사진 고치기
캔버스에서 사진을 누르고 대화창에 뺄 것과 바꿀 것, 그대로 둘 것을 적으면 그 사진만 다시 만들어집니다. 원본과 수정된 사진 두 장을 나란히 확인하고 마음에 드는 쪽을 고르면 캔버스에 반영됩니다.
예를 들어 이 글에서는 손가락이 들어간 제형 사진에 "손가락은 빼고 크림 제형만 보이게 바꿔줘. 크림 색과 질감, 배경은 그대로 유지해줘."라고 적어 손가락 없는 제형 컷으로 바꿨습니다. 사진 수정에는 15후큰이 듭니다.
3. 섹션 추가하기
원하는 섹션을 직접 요청하거나, 무엇을 넣을지 정하지 않았으면 "어떤 섹션을 더 넣으면 좋을까"라고 물어도 됩니다. 그 경우 성분 소개, 사용 방법, 피부 고민별 효과처럼 추가할 섹션의 목적을 고르는 선택지가 대화창에 나오고, 하나를 골라 이대로 진행을 누르면 새 페이지가 만들어져 페이지 목록에 들어갑니다.
예를 들어 이 글에서는 피부 고민별 효과 소개를 골라 솔루션 페이지를 추가했습니다. 섹션 추가에는 후큰이 들고, 이번 추가에는 32후큰이 들었습니다.
4. 페이지 전체 톤 바꾸기
상세페이지 전체 단위로 색과 분위기를 수정할 수도 있습니다. 대화창에 원하는 톤을 적으면 페이지를 하나씩 고치지 않아도 상세페이지 전체의 톤을 맞춰 변경합니다.
예를 들어 이 글에서는 "전체 색을 따뜻한 베이지 톤으로 바꿔줘"라고 적어 어두운 톤의 페이지 배경을 베이지로 바꿨습니다. 페이지 전체 톤 수정에는 후큰이 들지 않습니다.
피그마에서 편집하기
프로 플랜에서는 완성본을 피그마로 내보내 편집할 수 있습니다. 편집 화면에서 Figma 공유 링크를 복사하고, 피그마에서 html.to.design 플러그인을 실행해 링크를 붙여넣으면 플러그인 안내에 따라 가져올 수 있습니다. 플랜별 기능은 후커블 가이드: 플랜 고르기에서 확인할 수 있습니다.
수정할 때 드는 후큰
수정 작업 | 후큰 |
|---|---|
문구 수정 | 없음 |
사진 수정 | 15후큰 |
섹션 추가 | 32후큰 |
페이지 전체 톤 수정 | 없음 |
문구 수정처럼 간단한 수정에는 추가 후큰이 들지 않으며, 사진 작업이 포함된 수정에는 후큰이 소모됩니다. 편집 화면에서 수정에 필요한 후큰을 미리 확인 할 수 있으며, 후큰 거래 내역에서 전체 후큰 사용내역을 확인할 수 있습니다.
자주 묻는 질문
Q1. 수정한 내용을 되돌릴 수 있나요?
수정한 내용은 되돌릴 수 있습니다. 문구와 사진 수정은 결과 카드에 되돌리기 버튼이 나오고, 상단 바의 되돌리기 화살표로도 이전 상태로 돌아갈 수 있습니다.
Q2. 다운로드한 뒤에도 다시 수정할 수 있나요?
다운로드한 뒤에도 프로젝트를 다시 열어 수정할 수 있습니다. 수정 횟수에는 제한이 없고, 고친 뒤 다시 다운로드할 수 있습니다.
Q3. 캔버스에서 직접 고치면 후큰이 드나요?
캔버스에서 문구를 고치거나 사진을 바꿔 올리는 직접 편집에는 후큰이 들지 않습니다. AI 에이전트에 요청하는 수정은 사진 수정 15후큰처럼 작업 종류에 따라 후큰이 들고, 문구와 페이지 전체 톤 수정은 요청해도 후큰이 들지 않습니다.
※ 2026년 9월 28일 기준 가이드입니다.