Разработчики ВСЁ? Canva открыла Code 2.0 для всех. Сайты и приложения теперь собираются как обычный дизайн

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

Компания открыла доступ к Canva Code 2.0 - встроенному ИИ-инструменту для создания сайтов, приложений, игр, квизов, калькуляторов и интерактивных лендингов по обычному текстовому описанию.

Функция стала доступна всей аудитории Canva, включая бесплатные аккаунты, Pro, Business, Enterprise и Education.

То есть теперь можно написать:

Создай интерактивный калькулятор стоимости ремонта с тремя тарифами, выбором площади и автоматическим подсчётом итоговой цены.

Canva сама соберёт рабочий веб-проект, адаптирует его под разные экраны и позволит отредактировать результат в привычном визуальном интерфейсе.

Canva Code впервые запустили около года назад. За это время пользователи собрали с помощью инструмента более шести миллионов сайтов и интерактивных проектов.

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

Чтобы поменять расположение блока или оттенок кнопки, приходилось снова объяснять задачу через промпт и надеяться, что ИИ не сломает по дороге остальную страницу.

В Canva Code 2.0 результат можно редактировать как обычный дизайн:

Получается гибрид AI-конструктора и привычного редактора Canva. Нейросеть пишет код, а пользователь спокойно двигает блоки и меняет оформление без шаманства с CSS.

Пустой экран больше не обязателен. Canva предлагает сразу три способа начать проект.

Текстовый запрос

Описываете идею обычными словами, а ИИ собирает структуру, дизайн и интерактивную логику.

Готовый шаблон

В Canva появилось более 50 шаблонов для интерактивных проектов: калькуляторов, квизов, образовательных игр, лендингов и других веб-инструментов.

HTML-файл

Если сайт или приложение уже были созданы в другом ИИ-сервисе, проект можно импортировать в Canva как редактируемый дизайн.

Например, можно сгенерировать прототип в ChatGPT, Claude или другом AI-инструменте, загрузить HTML в Canva и продолжить визуальную доработку уже там.

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

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

Canva пытается закрыть эту проблему своей главной тяжёлой артиллерией - огромной библиотекой контента.

Внутри Code 2.0 доступны:

Любой элемент можно перетащить в проект из библиотеки, а затем вручную изменить его расположение или попросить Canva AI переделать конкретный участок.

По сути, компания объединяет генерацию кода, дизайн и управление брендом в одном окне.

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

Например:

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

Ещё одно важное обновление совместная работа.

Несколько участников могут одновременно редактировать проект, оставлять комментарии и согласовывать изменения прямо внутри Canva.

Это превращает создание сайта в привычный процесс работы над дизайном:

Никаких бесконечных архивов final-site-v7-last-real-final.zip и пересылок скриншотов между разработчиком и дизайнером.

Готовый проект можно опубликовать на бесплатном домене Canva. Также компания позволяет купить собственный домен непосредственно внутри сервиса.

Для корпоративных пользователей предусмотрена возможность делиться проектами внутри организации с использованием единого входа SSO.

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

Canva отдельно поработала над скоростью инструмента.

По данным компании:

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

Canva хочет сделать процесс максимально похожим на обычное редактирование макета: написал запрос, получил результат, ткнул в нужный элемент, поправил и опубликовал.

Canva Code 2.0 доступен пользователям бесплатного тарифа, а также подписчикам Pro, Business, Enterprise и Education.

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

Но протестировать создание полноценного интерактивного проекта теперь можно без обязательной покупки подписки.

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

Инструмент отлично подходит для:

Но сложное приложение с серьёзным бэкендом, авторизацией, платежами, базой данных и нестандартной бизнес-логикой всё ещё потребует разработчика.

Кроме того, импорт HTML не гарантирует, что любой огромный проект с кучей внешних библиотек без проблем превратится в аккуратный редактируемый дизайн.

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

Canva уже демократизировала дизайн. Теперь компания пытается провернуть тот же трюк с кодом.

Сможет ли Canva Code 2.0 потеснить Lovable, Bolt и другие сервисы для вайбкодинга, или останется удобным конструктором простых интерактивов для маркетологов и дизайнеров?

Не отставайте от технологий! Подписывайтесь на Telegram-канал, чтобы быть в курсе последних трендов и лайфхаков.