英文原标题:Shopify debuts Canvas, a way to build online stores by chatting with AI

本文为英文原文的机器翻译摘要,原文见:TechCrunch AI ↗

Shopify 推出名为 Canvas 的新工具,允许商家通过与 AI 助手 Sidekick 聊天来搭建在线商店,实时预览真实代码渲染效果,标志着网站构建向无代码化进一步演进。

Canvas 的推出与核心功能

Shopify 周四发布了 Canvas,商家可以通过与 AI 代理 Sidekick 对话来创建 Shopify 商店。此前 Shopify 已提供无代码构建器,但需要编辑主题、调整模块和区块,深度定制仍需代码或开发者。

使用 Canvas 时,商家只需与 Sidekick 聊天,AI 会实时显示更改结果,商家可以查看整体效果或放大细节。

  • Canvas 让商家通过聊天与 AI 代理 Sidekick 搭建商店。
  • 实时显示更改,支持整体预览和细节缩放。

实时预览与真实代码渲染

Canvas 展示的不是静态预览,而是商店背后的真实代码渲染结果。商家可以测试页面的完整交互和动画,并查看不同屏幕尺寸下的显示效果。

Sidekick 还会对工作进行截图,以便在网站更新时看到与商家相同的内容。

  • 预览基于真实代码,非静态图像。
  • 可测试交互、动画及多屏幕尺寸效果。
  • Sidekick 通过截图同步商家视角。

行业趋势与竞争格局

Canvas 的发布是网站构建无需直接编码这一趋势的一部分。它加入了 Wix、Squarespace、Webflow 和 Framer 等公司的 AI 建站工具,以及 Lovable 和 Replit 等 vibe-coding 平台的行列。

  • AI 建站工具竞争加剧,Canvas 与多家产品同台。
  • 趋势指向无需编码即可构建网站。

操作方式与 Sidekick 的演进

商家仍可点击单个元素直接修改,但更可能通过聊天告诉 Sidekick 需求。Sidekick 并非新工具,此前已用于编写代码、构建应用、定制主题等,但尚未整合成 Canvas 这样的完整建站产品。

Canvas 让用户能同时查看整个商店,并在更新实际文件时缩放和平移。

  • 商家可选择手动点击或聊天指令。
  • Sidekick 已有多种用途,Canvas 将其整合为完整建站体验。

技术实现与当前限制

为实现这一功能,Shopify 让 Sidekick 能直接操作主题文件,并简化了主题架构,使商店的结构、逻辑和设计更易于 Sidekick 理解和修改。

产品处于早期阶段,初始版本不支持第三方主题、应用区块和扩展、市场、翻译、发布和主题更新,且仅限桌面端。Shopify 向 TechCrunch 表示计划随时间逐步支持这些功能。

  • Sidekick 直接操作主题文件,主题架构已简化。
  • 初始版本缺少第三方主题、应用区块、翻译等支持。
  • 目前仅桌面端可用,未来将扩展。

未来展望

随着 Canvas 变得更强大,它可能让没有开发者或设计师预算、也没有时间学习编码的人更容易成为在线卖家。

  • Canvas 有望降低在线销售门槛,惠及资源有限的商家。

站内导航