Shopify запустил Canvas — сборку интернет-магазинов через чат с ИИ

Shopify выпустил Canvas — инструмент, который позволяет merchants создавать интернет-магазин, общаясь с ИИ-агентом Sidekick в чате. Изменения отображаются в реальном времени на настоящем коде сайта, а не на статичном превью.

Главное
  • Canvas позволяет собирать магазин Shopify через чат с ИИ-агентом Sidekick вместо ручной правки темы.
  • Изменения показываются в реальном времени на реальном коде сайта, включая интерактивность и анимации.
  • Shopify упростил архитектуру темы, чтобы Sidekick мог напрямую работать с файлами магазина.
Интерфейс Shopify Canvas: чат с ИИ-агентом Sidekick и предпросмотр интернет-магазина в реальном времени
Фото: TechCrunch

Shopify представил Canvas — инструмент для создания интернет-магазинов через чат с ИИ. Мerchant общается с агентом Sidekick, описывая, каким хочет видеть сайт, а Canvas показывает результат в реальном времени.

Раньше в Shopify уже был no-code конструктор: он позволял редактировать выбранную тему, переставляя модульные секции и блоки. Но для более глубоких изменений приходилось править код или привлекать разработчика. Canvas меняет подход: вместо ручной сборки — диалог с ИИ.

Что видит пользователь

Canvas отображает не статичное превью, а реальный код магазина, утверждает Shopify. Это значит, что можно проверить интерактивность и анимации страницы, а также посмотреть, как она выглядит на разных размерах экрана. Sidekick делает скриншоты работы, чтобы «видеть» то же, что и merchant, пока сайт обновляется.

При желании можно кликнуть по отдельным элементам и изменить их напрямую. Но чаще, как ожидается, пользователи просто напишут Sidekick в чате, что хотят сделать.

Не новый агент, но новый продукт

Sidekick существует не первый день: его уже использовали для написания кода, сборки приложений, кастомизации тем и других правок. Но до сих пор он не был собран в полноценный продукт для сборки сайта, где видно весь магазин сразу и можно приближать и перемещаться по нему, внося изменения в реальные файлы.

Чтобы это заработало, Shopify дал Sidekick возможность напрямую работать с файлами темы и упростил архитектуру темы — так структура, логика и дизайн магазина стали понятнее для ИИ.

Canvas — часть общего сдвига к тому, чтобы для создания сайта не нужно было писать код. Подобные инструменты на базе ИИ есть у Wix, Squarespace, Webflow и Framer, а также у vibe-coding платформ вроде Lovable и Replit.

Продукт пока в ранней стадии, и ему предстоит развиваться. Но Canvas может сделать выход в онлайн-торговлю доступнее для тех, у кого нет бюджета на разработчиков и дизайнеров или времени учить программирование.

Для профиТехнические детали: архитектура, цифры, ссылки

Canvas работает поверх ИИ-агента Sidekick, который получил доступ к файлам темы. Shopify упростил архитектуру темы, чтобы структура, логика и дизайн магазина были понятнее агенту. Превью в Canvas — не статичная картинка, а рендеринг реального кода магазина: можно тестировать интерактивность, анимации и адаптивность под разные размеры экрана. Sidekick делает скриншоты, чтобы синхронизировать своё «представление» с тем, что видит пользователь.

Вопросы и ответы

Что такое Shopify Canvas?
Инструмент для создания интернет-магазина через чат с ИИ-агентом Sidekick. Показывает изменения в реальном времени на реальном коде сайта.
Нужно ли уметь программировать для работы с Canvas?
Нет. Можно общаться с Sidekick в чате, хотя при желании можно кликать по элементам и менять их напрямую.
Sidekick — это новая разработка?
Нет, агент уже использовался для написания кода, сборки приложений и кастомизации тем. В Canvas его впервые собрали в полноценный продукт для сборки сайта.