От визуального редактора к генеративному коду
Shopify официально представила Canvas, новый инструмент для создания онлайн-магазинов, который кардинально меняет подход к no-code разработке. В отличие от предыдущего визуального конструктора, где пользователи перетаскивали модули и блоки, Canvas позволяет merchants управлять всей структурой сайта через текстовый чат с AI-агентом Sidekick.
Ключевое отличие Canvas от статичных превью других платформ: это не просто симуляция, а рендеринг реального кода магазина. Пользователь видит интерактивную страницу, может тестировать анимации и проверять адаптивность под разные экраны в режиме реального времени.
Техническая реализация и архитектура
Для обеспечения работы Canvas Shopify провела глубокую оптимизацию архитектуры тем. Агент Sidekick получил прямой доступ к файлам темы, а структура кода была упрощена, чтобы ИИ мог точнее понимать логику и дизайн. Sidekick делает скриншоты процесса работы, чтобы видеть изменения так же, как их видит merchant, обеспечивая контекстную обратную связь.
Сравнение подходов к созданию магазина
| Характеристика | Старый конструктор Shopify | Новый инструмент Canvas |
|---|---|---|
| Метод управления | Визуальное перетаскивание блоков | Текстовый чат с AI (Sidekick) |
| Глубокая кастомизация | Требует знания кода или разработчика | Осуществляется через запросы к AI |
| Тип отображения | Статичный предпросмотр | Рендеринг реального кода в реальном времени |
| Доступ к файлам | Ограниченный визуальный интерфейс | Прямой доступ Sidekick к файлам темы |
Конкурентный ландшафт и доступность
Запуск Canvas вписывается в общий тренд на «vibe-coding» и автоматизацию веб-разработки. Shopify конкурирует с такими игроками, как Wix, Squarespace, Webflow и Framer, а также с платформами для генерации кода, такими как Lovable и Replit.
Хотя Canvas находится на ранней стадии развития, продукт решает критическую проблему доступности: он снижает порог входа для предпринимателей, у которых нет бюджета на найм разработчиков или времени на изучение программирования. Merchants по-прежнему могут вносить правки вручную, кликая по элементам, но основной сценарий использования смещается в сторону диалогового управления.
Источник: TechCrunch ↗