Shopify debuts Canvas, a way to build online stores by chatting with AI

🖼️ 인포그래픽

🖼️ 4컷 인포그래픽

💡 한 줄 요약

Shopify가 AI 에이전트 Sidekick과의 대화로 온라인 상점을 만들고 실제 코드의 실행 결과를 실시간으로 확인하는 Canvas를 공개했지만, 초기 버전은 데스크톱 전용이며 여러 기능이 지원되지 않는다.

📌 핵심 요약

• Shopify는 2026년 10월 1일 Canvas를 공개했다. 기존 노코드 빌더는 테마의 섹션과 블록을 재배치하는 방식이었고, 더 깊은 맞춤화에는 코드 수정이나 개발자의 도움이 필요했다.
• Canvas에서는 Sidekick과 대화하며 상점을 만들고, 변경 결과를 실시간으로 확인하거나 전체 화면과 세부 요소 사이를 확대·축소할 수 있다. 개별 요소를 클릭해 직접 수정하는 방식도 제공한다.
• Shopify에 따르면 Canvas는 정적인 미리보기 대신 상점의 실제 코드를 렌더링하므로 상호작용과 애니메이션, 화면 크기별 표시를 확인할 수 있다. Sidekick도 스크린샷을 통해 판매자가 보는 화면을 확인한다.
• Shopify는 Sidekick이 테마 파일을 직접 다루도록 하고 테마 구조를 단순화했다. Canvas는 Wix, Squarespace, Webflow, Framer의 AI 사이트 제작 도구 및 Lovable, Replit 같은 바이브 코딩 플랫폼과 함께 웹사이트 제작 방식의 변화에 합류한다.
• 초기 Canvas는 데스크톱 전용이며 서드파티 테마, 앱 블록과 확장 기능, 마켓, 번역, 롤아웃, 테마 업데이트를 지원하지 않는다. Shopify는 향후 지원할 계획이라고 밝혔으며, 제품이 발전하면 개발자·디자이너 예산이나 코딩 학습 시간이 부족한 사람의 온라인 판매 진입을 도울 가능성이 있다.

🧩 주요 포인트

1. 섹션·블록 편집에서 Sidekick과의 대화로 제작 범위 확대 → 상점 구성과 맞춤화에 필요한 작업 방식이 달라진다.
2. 실제 코드 렌더링과 테마 파일 직접 수정의 결합 → 시각적 결과 확인과 실행 동작 검증을 상점 제작 과정에서 함께 수행할 수 있다.
3. 접근성 확대 가능성과 초기 기능 제약의 공존 → Canvas의 활용 범위는 현재 지원 기능과 향후 확장 여부에 달려 있다.

🧠 상세 정리

1. 기존 노코드 편집에서 대화형 상점 제작으로

Shopify는 2026년 10월 1일 AI와 대화하며 온라인 상점을 구축하는 새 사이트 제작 도구 Canvas를 공개했다. 기존에도 상당한 기능을 갖춘 노코드 빌더가 있었지만, 판매자는 선택한 테마 안에서 모듈형 섹션과 블록을 재배치하는 방식으로 상점을 편집했다. 그보다 깊은 맞춤화가 필요하면 코드를 직접 수정하거나 개발자의 도움을 받아야 했다. Canvas에서는 Shopify의 AI 에이전트 Sidekick에 원하는 작업을 대화로 전달하며 사이트를 만들 수 있다. 핵심 변화는 기존 편집 작업에 대화형 제작 방식을 더하고, AI가 변경하는 동안 상점이 만들어지는 모습을 같은 작업 공간에서 확인할 수 있게 했다는 점이다.

2. 실제 코드의 실행 결과를 실시간으로 확인

Canvas는 AI가 변경한 결과를 실시간으로 표시하며, 판매자는 상점 전체 모습을 보거나 확대해 특정 세부 요소에 집중할 수 있다. Shopify에 따르면 이 화면은 정적인 미리보기가 아니라 상점의 실제 코드를 렌더링한 결과다. 따라서 판매자는 페이지의 상호작용과 애니메이션이 어떻게 작동하는지 시험하고, 서로 다른 화면 크기에서 페이지가 어떻게 보이는지도 확인할 수 있다. Sidekick 역시 작업 중인 화면의 스크린샷을 촬영해 사이트가 업데이트될 때 판매자와 같은 시각적 결과를 볼 수 있다. 이 방식은 전체 디자인을 살펴보는 과정과 실제 페이지 동작을 확인하는 과정을 상점 제작 중에 함께 수행하도록 한다.

3. AI 사이트 제작 흐름과 직접 편집의 병행

기사는 Canvas의 출시를 웹사이트를 만들기 위해 코드를 직접 작성할 필요가 줄어드는 더 큰 변화의 일부로 설명한다. 이미 Wix, Squarespace, Webflow, Framer 등이 AI 기반 사이트 제작 도구를 제공하며, Lovable과 Replit 같은 바이브 코딩 플랫폼도 이 흐름에 포함된다. Canvas는 이들과 함께 대화를 통한 웹사이트 제작이라는 방향에 합류하지만, 기사에는 제품 간 성능이나 우열을 비교한 결과가 제시되지 않는다. 판매자는 원할 경우 개별 요소를 클릭해 직접 변경할 수도 있어 대화만이 유일한 편집 방식은 아니다. 다만 기사는 판매자가 직접 요소를 수정하기보다 Sidekick에 원하는 작업을 채팅으로 전달하는 방식을 더 많이 사용할 것으로 예상한다.

4. 기존 Sidekick 기능을 하나의 제작 환경으로 통합

Sidekick 자체는 새로 등장한 에이전트가 아니며, 이전에도 코드 작성, 앱 구축, 테마 맞춤화와 다른 편집 작업에 사용됐다. 그러나 이러한 기능이 상점 전체를 한눈에 보면서 작업하는 Canvas 같은 완전한 사이트 제작 제품으로 통합되지는 않았다. Canvas에서는 사용자가 화면을 확대·축소하고 이동하며 사이트의 실제 파일에 적용되는 변경을 살펴볼 수 있다. 이를 구현하기 위해 Shopify는 Sidekick이 테마 파일을 직접 다룰 수 있도록 기능을 부여했다. 또한 상점의 구조, 로직, 디자인을 Sidekick이 더 쉽게 이해하고 변경할 수 있도록 테마 아키텍처를 단순화했다. 기존 에이전트의 작업 능력을 전체 상점의 시각적 편집 환경과 연결한 것이 제품 구성의 주요 변화다.

5. 초기 지원 범위와 향후 접근성 확대 가능성

Canvas는 초기 단계의 제품이며, 출시 시점에는 서드파티 테마 지원, 앱 블록과 확장 기능, 마켓, 번역, 롤아웃, 테마 업데이트가 포함되지 않는다. 사용할 수 있는 환경도 데스크톱으로 제한된다. Shopify는 TechCrunch에 이러한 기능을 시간이 지나면서 지원할 계획이라고 밝혔지만, 기사에는 구체적인 제공 시점이 제시되지 않았다. 따라서 현재의 기능 제약과 회사가 밝힌 향후 지원 계획을 구분해 이해할 필요가 있다. 기사는 Canvas가 앞으로 더 완성도 높은 제품으로 발전하면 개발자와 디자이너를 고용할 예산이나 코딩을 배울 시간이 부족한 사람도 온라인 판매에 더 쉽게 진입할 수 있다고 전망한다. 이는 향후 제품 발전을 전제로 한 가능성이지, 출시 시점에 이미 입증된 효과는 아니다.

🧾 핵심 주장 / 시사점

• Canvas의 변화는 대화형 입력뿐 아니라 Sidekick의 파일 수정 능력과 전체 상점의 시각적 확인을 하나의 제작 환경으로 연결한 데 있다.
• 실제 코드 렌더링은 디자인을 보는 것에서 나아가 상호작용과 애니메이션을 제작 중에 시험할 수 있게 한다.
• 온라인 판매 진입 장벽을 낮출 가능성은 있지만, 현재의 데스크톱 제한과 미지원 기능 때문에 활용 범위에는 제약이 있다.

✅ 액션 아이템

• Sidekick과의 대화 및 개별 요소 직접 수정 방식이 상점 구성과 맞춤화 작업에 적합한지 검토한다.
• Canvas의 실제 코드 렌더링을 통해 상호작용, 애니메이션, 화면 크기별 표시를 확인한다.
• Canvas 도입 판단에 데스크톱 전용 제약과 서드파티 테마, 앱 블록과 확장 기능, 마켓, 번역, 롤아웃, 테마 업데이트의 미지원 상태를 반영한다.

❓ 열린 질문

• Sidekick과의 대화는 기존 섹션·블록 편집보다 상점 구성과 맞춤화에 필요한 작업을 얼마나 줄일 수 있는가?
• Canvas의 서드파티 테마, 앱 블록과 확장 기능, 마켓, 번역, 롤아웃, 테마 업데이트 지원은 언제 제공될 것인가?
• Canvas가 발전하면 개발자·디자이너 예산이나 코딩 학습 시간이 부족한 사람의 온라인 판매 진입을 어느 정도 도울 수 있는가?