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

Canva Code (встроенный генератор сайтов внутри Canva) теперь не просто создаёт страницу, а оставляет её внутри редактора, где уже хранятся шрифты, цвета бренда и комментарии коллег, поэтому цикл «сгенерировал, переделал, согласовал, опубликовал» впервые замыкается в одном окне.
Обычно ИИ-конструкторы отлично справляются с первой версией страницы, а потом начинаются проблемы: нужно поменять телефон, переписать текст по просьбе юриста, добавить форму заявки. Раньше это означало пересылку архивов, скриншоты и файл «финальная версия номер семь». Code 2.0, по данным анонса Canva, пытается закрыть именно этот разрыв между генерацией и повседневной работой с сайтом.
Что понадобится?
- Аккаунт Canva любого тарифа: Free, Pro, Business, Enterprise или Education. Canva Code 2.0 включён во все основные тарифы, попробовать можно бесплатно
- Браузер на компьютере или ноутбуке
- Текстовое описание будущей страницы или готовый HTML-файл (например, прототип из другого ИИ-сервиса)
- 15 минут на первый рабочий вариант (ориентир по независимому тесту издания GameStar)
Пошаговая инструкция
-
Откройте Canva и найдите Code 2.0. Зайдите в Canva, в поиске шаблонов или на главной найдите раздел Code. Инструмент доступен даже на бесплатном тарифе.
-
Выберите способ старта. Canva Code предлагает три варианта:
- описать задачу текстом (промпт)
- выбрать один из более чем 50 готовых шаблонов
-
загрузить готовый HTML-файл
-
Если начинаете с промпта, опишите страницу конкретно. Чем точнее запрос, тем меньше правок потом. Укажите тип страницы, структуру блоков, целевое действие.
Промпт-пример:
Лендинг для онлайн-курса по фотографии.
Блоки: заголовок с фото, три преимущества курса,
отзывы учеников, форма записи с полями «Имя» и «E-mail».
Цвета: тёмно-синий фон, белый текст, жёлтые акценты.
-
Если импортируете HTML, загрузите файл. Canva примет код и превратит его в редактируемый макет. Это удобно, когда прототип уже собран в другом генераторе, а доводить его хочется визуально, без погружения в разметку.
-
Отредактируйте результат в визуальном редакторе. После генерации страница становится обычным дизайном Canva. Можно менять текст, шрифты, цвета и изображения. Отдельный элемент можно выделить и попросить ИИ изменить его текстовым запросом.
-
Добавьте интерактивные элементы, если нужно. Canva Code умеет собирать квизы, калькуляторы, формы, галереи и простые панели. Ответы из форм можно отправлять в Canva Sheets (встроенные таблицы Canva).
-
Пригласите команду. Отправьте ссылку коллегам. Маркетолог поправит текст, дизайнер подтянет визуал, руководитель оставит комментарий. Всё это происходит внутри одного проекта, без пересылки файлов.
-
Проверьте адаптивность. Страница автоматически адаптируется под разные экраны. Используйте предпросмотр, чтобы убедиться, что на телефоне всё выглядит корректно.
-
Опубликуйте. На бесплатном тарифе можно опубликовать до пяти сайтов на адресе Canva (на странице останется пометка «создано в Canva»). Платные тарифы снимают лимит на число сайтов и позволяют подключить до пяти собственных доменов. Хостинг и защищённое соединение (HTTPS) уже включены.
Автор издания GameStar собрал в Canva Code 2.0 три небольших проекта примерно за 15 минут. Один из них, интерактивный список задач, работал, реагировал на действия пользователя и выглядел убедительнее статичного макета. В тесте французского издания Blog du Modérateur интерфейс, созданный с помощью Claude (ИИ-модель компании Anthropic), пережил импорт через HTML. Новый раздел удалось добавить текстовой командой прямо внутри Canva.
Перетаскивание элементов работает не везде. Автор Blog du Modérateur заметил, что свободное перетаскивание блоков пока ограничено. Иногда правку приходится формулировать новым текстовым запросом, а не просто двигать элемент мышкой.
Многостраничные сайты собираются с трудом. В тесте GameStar блог получился одной длинной страницей, а отдельные разделы потребовали бы ручной связки. Для проекта, который обновляется каждый день, такой процесс быстро станет утомительным.
SEO-возможности базовые. Из поисковой оптимизации (настройки, помогающие сайту находиться в поисковиках) доступны только заголовок страницы, описание и favicon (маленькая иконка сайта во вкладке браузера). Для серьёзного продвижения этого мало.
Электронной коммерции нет. Если нужен интернет-магазин с корзиной и оплатой, Canva Code не подойдёт.
Не пытайтесь перенести сюда большой блог или каталог. Регулярное ведение контента удобнее в системе, рассчитанной на публикации: WordPress, Tilda или аналогах.
Что с этого вам прямо сейчас?
Авторам Дзена и копирайтерам. Canva Code 2.0 закрывает частую проблему: нужна промо-страница под курс, гайд или марафон, а верстать некому и некогда. Соберите лендинг за 15 минут, покажите черновик заказчику прямо ссылкой, получите комментарии внутри проекта и опубликуйте без привлечения разработчика.
Маркетологам. Главная экономия не в генерации, а в итерациях. Правки от юриста, новый телефон, другой оффер под другую аудиторию: всё это делается внутри знакомого редактора. По внутренним данным Canva, медианное время от первого запроса до публикации сократилось на 30% (независимого подтверждения у этой цифры пока нет).
Предпринимателям из РФ и СНГ. Canva работает в России, регистрация бесплатна. Импорт HTML решает конкретную задачу: если прототип уже собран в другом ИИ-генераторе (например, в Bolt, Lovable или аналогах), его можно перенести в Canva и доработать визуально вместе с командой. Из российских аналогов для создания лендингов без кода удобны Tilda и «Кондуктор» в «Яндекс Бизнесе», но функции импорта HTML и командной работы над сгенерированным сайтом у них устроены иначе.
Canva Code 2.0 не заменит полноценный сайт на WordPress или Tilda для тех, кому нужны десятки страниц, блог с ежедневными обновлениями или интернет-магазин. Но для задач с понятной границей (лендинг под акцию, страница мероприятия, квиз для квалификации заявок, внутренняя инструкция для команды, прототип для показа заказчику) инструмент экономит не столько на создании, сколько на переделках и согласованиях.
По моим наблюдениям, именно этап «первая версия готова, но нужно поменять 17 мелочей» съедает больше времени, чем сама генерация. То, что Canva Code оставляет результат внутри визуального редактора с комментариями и библиотекой бренда, для небольших команд ценнее, чем скорость первого рендера. Честная оговорка: точечные визуальные правки иногда всё равно требуют нового текстового запроса, свободное перетаскивание элементов работает не везде, а по внутренним данным Canva пользователи создали больше 6 миллионов проектов в Code с момента первого запуска, но это метрика популярности, а не качества результата.
Лучшая стратегия: выберите одну конкретную задачу с коротким сроком жизни (лендинг под рекламу, страница события, калькулятор стоимости), соберите первый вариант за 15 минут, отправьте ссылку команде на согласование и опубликуйте в тот же день. Если результат устроит, масштабируйте. Если упрётесь в ограничения, вы потратили четверть часа, а не бюджет на разработку.
Научитесь писать промпты, которые работают
В библиотеке dzen.guru собраны промпты для генерации контента, лендингов и рабочих инструментов. Подберите готовый шаблон или соберите свой.
Открыть библиотеку промптов
Основатель dzen.guru. Эксперт по монетизации и продвижению на Дзен. Автор курса «Старт на Дзен 2026».
Читайте также

VPS для нейросетей заменяет VPN: один сервер открывает доступ к ChatGPT и Claude из РФ
Компания OmniRoute и проект LiteLLM предлагают разработчикам из России собрать на зарубежном VPS собственный шлюз для работы с нейросетями, который заменяет…

Go для разработки AI агентов и автоматизации процессов
Google ADK, Genkit, фреймворки LangChainGo и Eino упоминаются в источнике как существующие Go-фреймворки для агентов. Anthropic и OpenAI SDK тоже названы.…

Бесплатные курсы по использованию искусственного интеллекта: как школа AIRI за две недели вводит в науку
Я замечаю, что оригинал обрывается на полуслове («Настя попала в к…»). Буду работать строго по имеющимся фактам из источника. Курсы по использованию…
Комментарии