쇼피파이, AI 에이전트 결합한 스토어 디자인 도구 '캔버스' 공개

온라인 쇼핑몰을 찍어낸 듯한 기본 템플릿에서 벗어나 독창적으로 꾸미려면, 코딩을 직접 배우거나 비싼 외주 개발자를 쓰는 수밖에 없었습니다.

Shopify가 10월 1일 공개한 새 웹사이트 제작 도구 Canvas는 이 장벽을 대화형 AI로 허무는 시도입니다. 쇼핑몰 운영자는 자체 AI 에이전트인 Sidekick과 대화하며 나만의 맞춤형 매장을 실시간으로 구축할 수 있습니다.

모든 페이지를 한눈에 펼쳐놓는 작업 공간

Canvas는 쇼핑몰의 모든 하위 페이지를 거대한 하나의 캔버스 위에 펼쳐놓습니다. 화면을 축소해 홈 화면부터 상품 상세, 결제 페이지까지 브랜드 전체의 시각적 흐름을 살피고, 원하는 요소로 확대해 세부 디자인을 손볼 수 있습니다.

단순히 정적인 미리보기를 띄워주는 것이 아니라, 브라우저 뒤에서 실제 구동되는 코드를 실시간 렌더링합니다. 따라서 다양한 기기 화면 크기별 반응형 디자인은 물론, 버튼의 애니메이션이나 동적 인터랙션까지 그 자리에서 즉시 동작을 확인할 수 있습니다.

운영자는 마우스로 요소를 직접 클릭해 수정할 수도 있지만, 대다수 작업은 Sidekick과의 채팅으로 이뤄집니다. Sidekick은 쇼핑몰 테마 파일을 직접 수정하며, 자신이 고친 화면의 스크린샷을 찍어 시각적으로 검증하는 피드백 루프를 거칩니다. Shopify에 따르면 Sidekick은 2026년 상반기에만 이미 2,500만 건 이상의 테마 수정을 처리했습니다.

다만 완전한 대체는 아직 아닙니다. TechCrunch 보도에 따르면 Canvas는 현재 데스크톱 전용이며 기존 에디터를 완전히 대체하지는 않습니다. 서드파티 테마 지원, 앱 블록 및 확장 기능, 해외 다중 시장 설정, 번역 기능 등은 초기 출시에 포함되지 않았으며 향후 순차 지원될 예정입니다.

왜 중요한가

우리는 Canvas가 최근 유행하는 바이브 코딩(vibe coding) 흐름을 커머스 영역에 가장 실용적으로 녹여낸 사례라고 봅니다. 아무것도 없는 백지에서 무작위로 웹페이지를 찍어내는 일반 생성형 AI와 달리, Shopify는 오랜 기간 축적된 상업 테마 디자인 규칙과 평가 데이터를 Sidekick에 학습시켰습니다. AI가 스스로 스크린샷을 찍어 화면 깨짐을 확인한 뒤 코드를 내놓는 방식은 군더더기 없는 똑똑한 접근입니다.

디자이너나 프론트엔드 개발자를 둘 여력이 없는 1인 창업자나 소규모 브랜드에게는 엄청난 무기입니다. 과거 몇 주씩 걸리던 매장 커스텀 작업을 20분 안팎의 대화만으로 끝낼 수 있다면, 새 상품 라인업 출시나 시즌 프로모션 페이지 제작 효율이 비교할 수 없을 만큼 올라갑니다.

관건은 생태계와의 조화입니다. 현재 버전은 서드파티 테마나 외부 앱 확장을 지원하지 않는데, 실제 활성 셀러 대다수는 수많은 외부 플러그인을 붙여 매장을 운영합니다. Shopify가 자체 표준을 넘어 복잡한 서드파티 생태계까지 Sidekick의 시각 검증 루프 안에 매끄럽게 안착시킬 수 있을지가 상용화의 진짜 시험대가 될 것입니다.