Canva научилась превращать текстовый запрос и готовый HTML в редактируемый сайт.

15 июля Canva выпустила Code 2.0. Анонс успел отлежаться, первые восторги немного выветрились, а независимые авторы добрались до кнопок, которые обычно остаются за краем презентации.

Главное новшество звучит скромнее привычного обещания собрать сайт одной фразой. Получившийся проект теперь можно редактировать как обычный дизайн Canva: менять текст, цвета, изображения, обсуждать правки с командой и публиковать всё из одного окна. Ещё сервис принимает готовый HTML и превращает его в редактируемый макет.

Для небольшого бизнеса это интереснее очередной гонки генераторов. Сайт редко заканчивается на первой красивой картинке. Телефон меняется, акция заканчивается, юрист просит переписать половину подвала, а владелец внезапно вспоминает про форму заявки. Вот здесь и начинается настоящая жизнь страницы.

*Canva представила Code 2.0 как часть большого обновления Canva AI. Источник: Canva*

Что именно умеет Canva Code 2.0

Работу можно начать тремя способами: описать задачу словами, выбрать один из более чем 50 шаблонов или загрузить готовый HTML. Последний вариант особенно полезен. Если прототип уже собран в другом ИИ-сервисе, его можно перенести в Canva и продолжить работу в знакомом редакторе.

После генерации доступны обычные правки: текст, шрифты, цвета и изображения. Отдельный элемент можно выделить и попросить ИИ изменить его. Страница адаптируется под разные экраны, а результат публикуется на адресе Canva или на собственном домене.

Сервис умеет собирать интерактивные элементы: квизы, калькуляторы, списки задач, галереи, формы и простые панели. Ответы из форм можно отправлять в Canva Sheets. Для внутреннего проекта предусмотрена публикация с корпоративным входом через SSO.

Canva включила Code 2.0 во все основные тарифы: Free, Pro, Business, Enterprise и Education. Часть функций и лимитов зависит от тарифа, а сам инструмент можно попробовать бесплатно.

По данным Canva, с момента первого запуска Code пользователи создали больше 6 млн проектов. Компания также заявляет, что новая версия сократила время генерации на 75%, а медианное время от первого запроса до публикации сократилось на 30%. Это внутренние данные Canva. Они дают ориентир по масштабу обновления, хотя независимого подтверждения у цифр пока нет.

Самая полезная функция прячется после генерации

Большинство ИИ-конструкторов прекрасно чувствуют себя до первого точного замечания. Собрать аккуратную страницу они могут за несколько минут. Попытка передвинуть конкретную кнопку на несколько пикселей, сохранить остальную композицию и не переписать соседний блок уже превращается в отдельный жанр переговоров.

Canva пытается сократить эту дистанцию. Сгенерированный результат живёт рядом с привычными инструментами дизайна, библиотекой бренда и комментариями. Маркетолог может поменять предложение, дизайнер поправить визуальный ритм, а коллега оставить замечание. Для простой страницы команде больше не приходится пересылать архивы, скриншоты и сообщение с финальной версией номер семь.

Слева остаётся диалог с ИИ, справа открыт редактируемый интерактивный проект. Источник: Canva и французское издание Blog du Modérateur

Импорт HTML решает ещё одну бытовую проблему. ИИ-сервисы легко создают прототипы, которые потом застревают между демонстрацией и рабочим сайтом. Canva предлагает забрать такой код к себе, сохранить внешний вид и продолжить редактирование без постоянного погружения в разметку.

*Слева показан проект, собранный в Claude, справа его готовая страница перед переносом в Canva. Источник: Blog du Modérateur*

В тесте французского издания Blog du Modérateur интерфейс, созданный с помощью Claude, пережил импорт. Новый раздел удалось добавить текстовой командой. Автор при этом заметил, что свободное перетаскивание элементов пока работает не везде. Иногда правку всё равно приходится объяснять ИИ словами.

Исходная версия сайта после импорта HTML. Слева открыт код и поле для команды, справа видна страница. Источник: Blog du Modérateur

*Canva добавила новый раздел по текстовой команде и сохранила оформление страницы. Источник: Blog du Modérateur*

Что получилось в независимых тестах

Автор GameStar собрал в Canva Code 2.0 три небольших проекта примерно за 15 минут. Среди них был интерактивный список задач. Он работал, реагировал на действия и выглядел убедительнее статичного макета.

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

*Интерактивное приложение, собранное во время независимого теста Canva Code 2.0. Источник: GameStar*

Тот же тест обнаружил границы. Проблемный элемент нельзя было просто схватить мышкой и поставить на нужное место. Исправление пришлось формулировать запросом. Блог получился одной длинной страницей, а отдельные разделы потребовали бы ручной связки. Для проекта, который обновляется каждый день, такой процесс быстро станет утомительным.

*В тесте Canva собрала полноценную статью, но весь блог остался одной страницей. Источник: GameStar*

Получается довольно ясная картина. Canva Code уверенно справляется с первым рабочим вариантом, короткими сайтами и отдельными интерактивными блоками. Чем больше страниц, данных, ролей и регулярных изменений, тем заметнее ограничения среды.

Публикация, домен и неприятные мелочи

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

Для лендинга этого достаточно: хостинг и защищённое соединение уже включены, есть предпросмотр на разных экранах и защита страницы паролем. Корпоративные команды могут ограничить доступ через SSO.

Перед переносом основного сайта стоит учитывать несколько вещей:

возможности поисковой оптимизации базовые: заголовок, описание страницы и favicon
встроенной электронной коммерции нет
сложную многостраничную структуру придётся собирать и связывать вручную
точечные визуальные исправления иногда требуют нового запроса
регулярное ведение большого блога удобнее в системе, рассчитанной на публикации

Магазин, медиа и большой каталог живут за счёт обновлений. Если каждое изменение приходится заново обсуждать с генератором, быстрый старт постепенно превращается в очень медленный вторник.

Что бизнес может собрать за один вечер

Самый здравый сценарий заключается в выборе задачи с коротким сроком жизни или понятной границей. Например:

лендинг под рекламную кампанию
страницу мероприятия с программой и регистрацией
квиз для первичной квалификации заявок
калькулятор стоимости
интерактивную презентацию услуги
внутреннюю страницу с инструкциями для команды
прототип нового продукта для первых интервью

Подготовка тоже занимает меньше времени, если не просить ИИ придумать бизнес целиком. До запуска полезно собрать четыре вещи: одно целевое действие, список обязательных блоков, тексты с реальными условиями и папку с фирменными материалами. В запросе лучше указать аудиторию, структуру, тон, нужные интерактивные элементы и ограничения.

Первый результат стоит проверять как обычный сайт. Пройти форму с телефона, нажать каждую кнопку, посмотреть узкий экран, проверить адреса и формулировки согласий. Генератор экономит время на сборке, но не получает должность ответственного за публикацию.

*Результат можно обсуждать и редактировать вместе с командой в привычной среде Canva. Источник: Canva*

Кому Canva Code 2.0 подойдёт уже сейчас

Больше всего пользы получат команды, которые и так работают в Canva. Брендовые материалы уже лежат внутри, коллеги знают интерфейс, согласование не требует нового сервиса. Маркетолог может собрать кампанию, дизайнер привести её в порядок, а владелец бизнеса поправить цену без вызова разработчика.

Инструмент также подходит для прототипов. Рабочая кнопка и простая логика объясняют идею лучше десяти слайдов. Если гипотеза не переживёт первые разговоры с клиентами, на её похороны уйдёт один вечер, а не спринт разработки.

Для магазина, большого каталога, контентного проекта или сервиса с личными кабинетами разумнее сразу выбрать специализированную платформу. Canva Code можно оставить для прототипа, рекламной страницы или интерактивного блока.

Спустя месяц после релиза Canva Code 2.0 выглядит взрослым инструментом для быстрых небольших проектов. Она сокращает путь от идеи до ссылки и оставляет результат доступным для обычного редактирования. Для малого бизнеса это уже практическая ценность: можно проверить предложение, запустить кампанию и исправить страницу своими силами.

Важно заранее решить, что именно должно прожить один вечер, а что придётся поддерживать несколько лет. Canva отлично ускоряет первый случай. Во втором скорость первой генерации оказывается всего лишь приятным началом длинной работы.

Canva Code 2.0 доступна всем: можно ли собрать сайт для бизнеса