식스샵 프로 AI/에디터 기능 잘 쓰는 법

별도 AI 도구와 식스샵 프로 MCP를 연동해서 쓰시는 분들도 많이 계시지만, 식스샵 프로를 쓰시는 첫날부터 바로 이렇게 하시기는 살짝 어렵고, 적응 및 학습이 필요합니다.

그래서 식스샵 프로를 처음 쓰시는 분들을 위해 AI/에디터 기능들의 사용법과 꿀팁들을 소개해 드리고자 합니다.

에디터 기능과 식스샵 AI 기능을 활용한 제작 방식

1) 템플릿 선택 또는 AI 페이지 생성 → 2) 페이지의 레이아웃 구성 → 3) 블록 채우기 - AI 블록 생성/수정, 블록별 컨텐츠/디자인 설정

1) 템플릿 선택 또는 AI 페이지 생성

1-1) 템플릿 선택 또는 1-2) AI 페이지 생성으로 웹사이트 제작을 시작하실 수 있습니다.

1-1) 템플릿 선택

식스샵 프로의 템플릿 목록에서 템플릿을 선택하여 웹사이트 제작을 시작하실 수 있습니다.

식스샵 프로의 템플릿들은 다양한 파트너분들과 함께 만들어 가고 있습니다. 템플릿마다 공통으로 제공되는 블록들도 있지만, 제작한 파트너분이 해당 템플릿 전용으로 만들어둔 블록들도 있습니다. 이 템플릿별 전용 블록들 덕분에 다양한 디자인과 기능을 가진 템플릿들이 제공됩니다.

템플릿의 상위 개념인 테마는 총 3종류가 존재하며(Essential, Grid, Round), 테마마다 제공되는 기본 블록들은 같은 테마 기반의 템플릿들일 경우 모두 동일하게 제공됩니다.

1-2) AI 페이지 생성

1-2-1) 프롬프트로 원하는 AI 페이지 생성

사용 안내 영상 왼쪽 토글을 열어서 시연 영상을 확인하세요.

1-2-2) 페이지 변환 - URL

원하시는 웹페이지를 페이지의 주소(URL)만 입력하면, 식스샵 프로의 페이지와 블록들로 변환해주는 기능입니다.

사용 안내 영상

1-2-3) 페이지 변환 - 이미지

웹페이지 스크린 캡처나 디자인 시안 이미지를 식스샵 프로의 페이지와 블록들로 변환해주는 기능입니다.