블록 마켓플레이스 — ‘섹션’을 쇼핑하듯 골라 쓰는 방식

식스샵 프로에서 ‘블록’은 헤더·배너·후기·푸터처럼 웹사이트를 이루는 핵심 단위입니다. 예전에는 기본 제공 블록이나 직접 만든 블록만 쓸 수 있었지만, 이제는 식스샵 파트너(전문가)가 제작한 고품질 블록을 마켓플레이스에서 골라 클릭 한 번으로 내 페이지에 넣을 수 있습니다. 그것도 전면 무료입니다. 사용 흐름은 간단합니다. 디자인 에디터에서 상단 섹션을 클릭하고, 좌측 패널의 ‘+ 섹션 추가 → 마켓플레이스’로 들어가 원하는 블록의 ‘설치하기’를 누르면 끝입니다. 블록마다 미리보기와 ‘블록 적용 사이트(데모)’가 있어, 실제 사이트에서 반응형까지 어떻게 보이는지 확인한 뒤 설치할 수 있습니다. 타이머 배너, 애니메이션 이미지 블록, 후기 블록, 전/후 비교 슬라이드 블록 등이 헤더·푸터·리뷰·슬라이드처럼 카테고리별로 정리되어 있습니다. 설치한 뒤에는 텍스트·이미지·색상만 바꿔도 나만의 디자인이 되고, 더 손보고 싶으면 블록 코드를 직접 수정하거나 파트너에게 맞춤 수정을 의뢰할 수도 있습니다.

블록 AI — 프롬프트로 만들고, 후속 명령으로 완성하는 ‘바이브 코딩’

마켓플레이스와 같은 시기에 나온 ‘블록 AI’는 프롬프트로 블록을 자동 생성하고, 후속 명령으로 원하는 만큼 수정하는 기능입니다. 식스샵은 이를 러버블(Lovable)·볼트(Bolt)·커서(Cursor) 같은 ‘바이브 코딩(Vibe Coding)’ 흐름으로 소개합니다. 중요한 차이는 ‘한 번 생성하고 끝’이 아니라는 점입니다. 예를 들어 “미니멀한 여성 패션 히어로 배너”를 만든 뒤, “배너 이미지를 여러 개 슬라이드로 보여줘” 같은 후속 명령으로 계속 다듬어 완성할 수 있습니다. 코드 기반으로 생성되기 때문에 복잡한 폼·달력·애니메이션처럼 기존 웹빌더가 막혀 있던 요소도 만들 수 있고, 필요하면 ‘블록 코드 수정’ 버튼으로 블록 메이커에 진입해 HTML·CSS·JS까지 직접 손볼 수 있습니다. 마켓플레이스 블록을 가져와 내 스타일로 바꾸거나, 내가 만든 블록을 공유하는 것도 가능합니다.

3층 구조로 읽는 식스샵 커스터마이징 — 1인 사업자에게 왜 중요한가

저는 식스샵 블록 메이커로 클라이언트 쇼핑몰을 제작해 왔습니다. 그 경험에서 보면 이번 변화의 핵심은 제작 방식이 ‘3층 구조’로 정리됐다는 점입니다. 뼈대는 전문가 블록을 골라 세우고(마켓플레이스), 없는 요소는 프롬프트로 만들고(블록 AI), 마지막 디테일은 코드로 다듬습니다(블록 메이커). 이 셋이 서로 연동되어 한 에디터 안에서 이어진다는 것이 실무에서 체감이 큽니다. 웹빌더로 만든 쇼핑몰은 같은 템플릿에서 시작해 결국 비슷한 외형으로 수렴하기 쉬운데, 이 3층 구조는 완성도를 유지하면서도 ‘남들과 비슷한 템플릿 쇼핑몰’에서 벗어날 여지를 줍니다. 다만 도구가 늘었다고 해서 결과물의 품질이 자동으로 보장되는 것은 아닙니다. 어떤 블록을 어디에 배치할지, 브랜드 톤에 맞게 색·간격·타이포를 어떻게 정돈할지 판단하는 몫은 여전히 사람에게 남습니다. 도구는 제작 시간을 줄여 주고, 그렇게 아낀 시간을 ‘판단’과 ‘브랜드 완성도’에 쓰는 것이 1인 사업자에게는 가장 남는 장사입니다.

식스샵 프로의 웹사이트 제작은 이제 ‘고르고(마켓플레이스) → 만들고(블록 AI) → 다듬는(블록 메이커)’ 3층 흐름으로 이어집니다. 코드 지식이 없어도 전문가 블록으로 완성도 있게 시작하고, 필요한 만큼만 AI와 코드로 확장하면 됩니다. 도구가 넉넉해진 만큼, 승부는 ‘무엇을 어떻게 조합하느냐’라는 판단으로 옮겨 갑니다.

마켓플레이스와 블록 AI로 뼈대를 세운 뒤, 브랜드에 맞춘 코드 단위 커스터마이징이 필요해지는 순간이 옵니다. 누끼토끼가 운영하는 칼럼과 강의에서 식스샵 블록 메이커 실무를 계속 다루고 있으니, 제작 흐름을 한 단계 더 다듬고 싶을 때 참고해 보세요.