Canva запускає Code 2.0: створюйте сайти за допомогою ШІ, навіть з безкоштовним акаунтом

Canva виводить веб-розробку на новий рівень: представить Canva Code 2.0

У вівторок компанія Canva анонсувала значне оновлення свого інструменту для створення вебсайтів за допомогою штучного інтелекту — Canva Code 2.0. Ця інноваційна розробка дозволяє користувачам генерувати інтерактивні вебсайти, застосунки та інші цифрові рішення, просто описуючи свої ідеї природною мовою. Найцікавіше, що отриманий результат можна редагувати так само легко, як і будь-який інший елемент у презентації Canva. Оновлення вже доступне для понад 265 мільйонів активних користувачів щомісяця, незалежно від обраного тарифного плану, включно з безкоштовними обліковими записами.

Цей крок свідчить про найагресивніше розгортання Canva на ринку “vibe coding” — сфері, яка фактично не існувала 18 місяців тому, але вже породила стартапи-мільярдери та кардинально змінила підхід нетехнічних користувачів до створення програмного забезпечення. На відміну від конкурентів, таких як Lovable, Replit та Bolt.new, що зосереджені на генерації функціонального коду за текстовими запитами, Canva робить ставку на інше: головна перешкода полягає не в створенні коду, а в досягненні привабливого візуального вигляду результату.

«Більшість інструментів для vibe coding обмежуються функціональністю — вони генерують результат, який виглядає однаково для всіх», — зазначено в офіційному анонсі Canva. «Ви можете отримати робочий прототип, але для того, щоб він виглядав по-справжньому унікально, потрібен складний інтерфейс редагування, окремий інструмент дизайну, розробник або нескінченні ітерації запитів, які рідко приводять до бажаного результату».

Денні Ву, керівник відділу продуктів зі штучного інтелекту в Canva, підкреслив позиціонування продукту під час ексклюзивного інтерв’ю для VentureBeat напередодні запуску.

«Ми свідомо орієнтуємося на нетехнічних користувачів», — зазначив Ву. «Canva Code — це не інструмент для розробників. Ми прагнемо інтегрувати потужність AI-кодування, і особливо легкого кодування, в платформу Canva, одночасно відповідаючи запитам наших користувачів на більшу інтерактивність, кастомізацію та гнучкість, від вебсайтів до інтерактивних презентацій».

Canva Code 2.0: Редагування методом перетягування, імпорт HTML та прискорення генерації вебсайтів на 75%

Оновлення запроваджує низку можливостей, покликаних скоротити шлях від генерації коду до публікації вишуканого інтерактивного досвіду. Тепер користувачі можуть створювати проєкти Canva Code безпосередньо в інших проєктах дизайну, вбудовуючи інтерактивні елементи у фліпчарти, презентації чи окремі сторінки. Canva також додала понад 50 нових шаблонів, спеціально розроблених для інтерактивних дизайнів, а також функцію імпорту необробленого HTML-коду з інших AI-інструментів для його подальшого перетворення на редаговані дизайни Canva.

Покращення продуктивності вражають. Canva повідомляє про скорочення середнього часу генерації коду на 75% та зменшення медіанного часу від першого запиту до опублікованого сайту на 30%. Компанія також зазначає, що інтеграція Canva Code в ширший редактор Canva, яка дозволяє користувачам працювати з згенерованим кодом як з будь-яким іншим елементом дизайну, збільшила кількість активних користувачів Code на 25%.

Ймовірно, найвизначнішою функцією є сам процес редагування. На відміну від більшості платформ AI-кодування, де для візуальних змін потрібно повторно формулювати запити або редагувати сирий код, Canva Code 2.0 дозволяє користувачам безпосередньо клікати на згенеровані елементи для зміни тексту, перетягувати зображення з вбудованої бібліотеки Canva, що налічує понад 120 мільйонів шаблонів та ресурсів, оновлювати кольори та шрифти за допомогою звичного інструментарію, або обирати конкретний елемент та вдосконалювати його за допомогою розмовного AI. Кожен результат є повністю інтерактивним і автоматично адаптується до різних розмірів екранів, з вбудованим попереднім переглядом на мобільних пристроях.

Під час інтерв’ю Ву продемонстрував редагування методом перетягування, показавши, як вебсайт конференції, згенерований за допомогою AI, можна модифікувати в режимі реального часу — замінювати фотографії, змінювати шрифти на фірмові, редагувати текст безпосередньо на полотні. «Ключовою відмінністю Canva Code є можливість редагування та якість згенерованих результатів», — зазначив він, хоча й додав про поточне обмеження: «Ми не підтримуємо переміщення елементів. Для цього все ще потрібно повторно формулювати запит».

Як Canva планує конкурувати з Lovable, Replit та Bolt на бурхливому ринку AI-конструкторів застосунків

Вихід Canva на ринок vibe coding у такому масштабі відбувається в ключовий момент для цієї категорії. Згідно з ринковими дослідженнями, опублікованими Luminix AI у травні 2026 року, ринок vibe coding та AI-конструкторів застосунків сягнув приблизно 4,7 мільярда доларів США (приблизно 182 550 000 000 ₴) у 2026 році, з прогнозами зростання до 12,3 мільярда доларів США (приблизно 476 700 000 000 ₴) до 2027 року, демонструючи середньорічний темп зростання близько 38%. Дослідження також оцінює, що AI-згенерований код становить приблизно 41% усього коду, написаного у світі — показник, який ще два роки тому здавався б неймовірним.

Конкурентне середовище стає надзвичайно напруженим. Lovable, що спеціалізується на генерації застосунків з акцентом на діалог та дизайн для нетехнічних засновників, досяг, можливо, найшвидшого зростання доходу в історії цієї категорії — за оцінками Luminix, на початку 2026 року він сягнув приблизно 400 мільйонів доларів США щорічного регулярного доходу (приблизно 15 500 000 000 ₴). Replit, перетворивши свій браузерний IDE на повноцінний двигун vibe coding завдяки послідовним релізам AI-агентів, потроїв свою оцінку до 9 мільярдів доларів США (приблизно 348 750 000 000 ₴) і планує досягти 1 мільярда доларів США річного доходу до кінця 2026 року, згідно з тим самим звітом. Bolt.new, що повністю запускає Node.js середовище в браузері, збільшив свій ARR з 4 до 40 мільйонів доларів США протягом кількох місяців після запуску (приблизно з 155 000 000 ₴ до 1 550 000 000 ₴).

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

Ву позиціонує Canva Code не як прямого конкурента цим інструментам, орієнтованим на розробників, а як рішення, що заповнює прогалину, яку вони не врахували. «Багато запитів, які ми отримуємо, і використання, яке ми спостерігаємо, насправді пов’язані з використанням Canva Code не тільки як окремого артефакту, але як частини загального дизайну, візуальної комунікації, яку вони намагаються донести», — зазначив Ву. «Наприклад, у вашій комерційній презентації ви можете додати калькулятор, візуалізатор того, як саме працює ваш продукт. Це те, де інтерактивний слайд може бути вартий тисячі зображень».

Чому функція імпорту HTML від Canva може перетворити її на «фінішний шар» для будь-якого AI-інструменту кодування

Однією з найбільш стратегічно цікавих функцій Canva Code 2.0 є можливість імпорту HTML, яка дозволяє користувачам брати код, згенерований будь-яким AI-інструментом — включно з ChatGPT, Claude, Lovable чи Bolt — та імпортувати його в Canva як повністю редагований дизайн. Наслідок очевидний: Canva позиціонує себе як місце, де AI-згенерований код отримує фінальні штрихи, незалежно від того, де він був створений.

Відповідаючи прямо на запитання, чи означає це позиціонування Canva як «фінішного шару поверх vibe coding», Ву дав дипломатичну, але показову відповідь. «Це насправді продовження нашої мети зробити весь дизайн якомога простішим», — сказав він. «Ми підтримували імпорт PDF та їх перетворення на документи, імпорт файлів PowerPoint — отже, в одному сенсі це розширення цього. Але в іншому — це просто прислухання до того, чого хочуть наші користувачі, і створення Canva найкориснішою та найсуміснішою платформою».

Він зробив паузу, а потім додав: «Не те, щоб ми свідомо позиціонували себе як певний шар, скажімо, як фінішний шар після vibe coding. Ми просто справді хочемо зробити нашу платформу найбільш доступною та інтеграційною».

Така термінологія — «найбільш інтеграційна» — натякає на платформенну стратегію, яка не вимагає від Canva перемогти в гонці генерації AI-коду. Якщо Canva стане основним місцем для надання професійного вигляду AI-згенерованому коду, який відповідає бренду, вона отримає цінність з усієї категорії, незалежно від того, який рушій генерації коду віддають перевагу користувачі. Ця стратегія також перегукується з ширшими можливостями імпорту, які вже дозволяють Canva завантажувати презентації PowerPoint та PDF з конкуруючих платформ, поступово залучаючи користувачів глибше в екосистему Canva, не вимагаючи від них відмови від існуючих робочих процесів.

Що може створювати Canva Code — і де, за словами Денні Ву, його межі

Ву був помітно відвертим щодо меж продукту — це освіжаючий відхід від типового запуску продуктів у Кремнієвій долині. «Canva Code чудово підходить для всього, що працює як фронтенд-додаток, і особливо добре, коли ви хочете використовувати дані, надсилати дані та інтерактивність у невеликому чи середньому масштабі», — сказав він. «Буду відвертим щодо обмежень. Canva Code, ймовірно, не буде придатним, якщо ви намагаєтеся створити вебсайт зі складним бекендом, або якщо ви обслуговуєте сотні тисяч відвідувачів на день».

Ця відвертість ефективно проводить межу між Canva Code та більш амбітними платформами в цій сфері. У той час як Lovable та Replit рухаються до повноцінної розробки додатків (включно з базами даних, автентифікацією та хостингом виробничого рівня), Canva свідомо обмежує свою сферу інтерактивними фронтенд-рішеннями помірного масштабу. Питання в тому, чи є це стратегічною слабкістю, чи дисциплінованим фокусуванням. Для вчителів, власників малого бізнесу та маркетингових команд, які складають більшість користувачів Canva, складні бекенди та масштабованість для великого трафіку є несуттєвими. Важливо те, чи можуть вони створити інтерактивну сторінку події, вебсайт з переліком нерухомості або центр для класу, який виглядає професійно і працює на мобільних пристроях — без найму розробника або вивчення нового інструменту.

На запитання про AI-моделі, що працюють на Canva Code, Ву підтвердив, що компанія використовує комбінацію власних та сторонніх моделей, включаючи моделі від OpenAI та Anthropic, але відмовився уточнювати точний склад. «Ми не розголошуємо точний склад, і він змінюється з часом», — сказав він. «Ми також здійснюємо маршрутизацію залежно від того, що ви запитуєте, і яку сімейство моделей ми вважаємо найкращою для обробки певних запитів».

Серія придбань AI-рішень Canva — від Affinity до Leonardo.ai — тепер підтримує їхній push у vibe coding

Загальна AI-інфраструктура Canva була значно посилена стратегією придбань, яка прискорилася протягом останніх двох років. У березні 2024 року компанія придбала Affinity, британський пакет програмного забезпечення для творчості, популярний серед користувачів Mac, у рамках угоди, оціненої Bloomberg у «кілька сотень мільйонів фунтів». Canva на той час позиціонувала цю угоду як спосіб конкурувати з флагманськими продуктами Adobe — Illustrator, Photoshop та InDesign — отримавши права на програми Affinity Designer, Photo та Publisher.

Лише чотири місяці потому Canva придбала Leonardo.ai, австралійський стартап у сфері генеративного AI з понад 19 мільйонами зареєстрованих користувачів та понад мільярдом згенерованих зображень. Співзасновник Canva Кемерон Адамс заявив тоді, що технології Leonardo.ai будуть інтегровані в набір генеративних AI-інструментів Canva Magic Studio.

Разом із цими придбаннями, Canva Code є спробою компанії додати інтерактивні можливості, керовані кодом, поверх платформи візуального дизайну, яка вже була покращена професійними інструментами дизайну та генеративними AI-моделями. Компанія повідомляє про понад 32 мільярди використань своїх AI-продуктів на сьогодні — вражаюча цифра, що підкреслює, наскільки глибоко AI зараз вплетений у повсякденні робочі процеси Canva, навіть для користувачів, які, можливо, не вважають себе такими, що використовують штучний інтелект.

Шість мільйонів опублікованих сайтів, але дані про утримання користувачів Canva залишаються відкритими

Анонс Canva підкреслює вражаючу метрику залучення: користувачі створили та опублікували понад шість мільйонів вебсайтів за допомогою Canva Code з моменту першого запуску цієї функції рік тому. Але ця цифра заслуговує на критичний розгляд.

Ву уточнив в інтерв’ю, що показник у шість мільйонів відображає опубліковані вебсайти за останній рік — тобто сайти, які були або зроблені публічними, або надіслані через захищені паролем або приватні посилання. «Вони могли бути опубліковані публічно, або за паролем, або як приватне посилання. Але це кількість опублікованих вебсайтів», — сказав він.

На запитання про активне утримання — скільки з цих сайтів все ще діють і підтримуються — Ву визнав прогалину в своїх даних. Це важливе розмежування. На ринку vibe coding сирі цифри створення можуть вводити в оману, оскільки бар’єр для генерації сайту дуже низький. Більш показовою метрикою — яку Canva поки що не надає — було б, скільки з цих шести мільйонів сайтів отримують регулярний трафік або були оновлені після початкової публікації.

Проте, ранні випадки використання свідчать про реальну корисність, що виходить за межі новизни. Викладачі та адміністратори шкіл використовують Canva Code для створення навчальних центрів: один вчитель створив індивідуальні вебсторінки для кожного зі своїх класів, щоб інформувати учнів та батьків про оголошення. Малий бізнес, як-от Alt Marketing School, створив міні-додатки для тренінгів з фандрейзингу та інтерактивні дорожні карти для своїх членів. На Всесвітній день книги 50 читачів створили освітні ігри з різних предметів, включно з педагогічними посібниками для використання в класі.

Ціноутворення Canva Code, управління даними та що потрібно знати корпоративним клієнтам

Canva Code 2.0 доступний для всіх тарифних планів Canva, включно з безкоштовним — це помітне рішення, враховуючи, що конкуренти, такі як Lovable, Bolt та Replit, резервують свої найпотужніші функції для платних підписників. «Якщо ви переходите, скажімо, від безкоштовного до Pro, Business або Enterprise, ви отримуєте більше AI-кредитів і зможете мати вищий рівень використання Canva Code», — сказав Ву. «Але він доступний і ним можна користуватися — навіть безкоштовні облікові записи Canva, а також освітні та некомерційні облікові записи».

Такий підхід, заснований на кредитах, відображає еволюцію ціноутворення, що відбувається в усій категорії vibe coding, де платформи дійшли згоди щодо систем токенів або кредитів, які контролюють потужність генерації AI, замість того, щоб обмежувати функції підписками. Різниця полягає в тому, що безкоштовний рівень Canva слугує каналом залучення для значно більшої платформи дизайну, а не лише для самої функції кодування.

Для інституційних клієнтів, яких Canva все більше залучає — шкільних округів, агентств з нерухомості, корпоративних маркетингових команд — управління даними є критично важливим питанням. Ву безпосередньо звернувся до цього. «Усі користувачі та клієнти мають повний контроль над тим, як використовуються їхні дані», — сказав він. «Вони можуть обрати, чи будуть їхні запити та дані використовуватися для навчання AI в налаштуваннях. Для бізнесів та підприємств адміністратори команд можуть керувати цим на рівні організації та гарантувати, що їхні введені дані, контент і результати не будуть використовуватися для навчання». Цей підхід відмови відображає урок, який засвоїла вся індустрія. Як повідомляв The Verge під час придбання Canva компанією Leonardo.ai, Adobe зазнала значної критики через оновлення політики щодо даних користувачів та навчання AI-моделей — суперечність, якої Canva прагне уникнути.

Довгострокове бачення Canva: скорочення розриву між уявою та тим, що можуть створити нетехнічні користувачі

На запитання, яке місце Canva Code займає в довгостроковій траєкторії компанії — і чи створює Canva платформу для повноцінної розробки додатків — Ву спрямував розмову назад до основної аудиторії компанії.

«Велика частина цього полягає у зменшенні розриву між вашою уявою та тим, що можливо, особливо для звичайних користувачів — людей, які не мають багато часу», — сказав він. «У них немає часу розбиратися з деплоями, MCP чи API. Вони просто хочуть створювати більш інтерактивну та динамічну комунікацію».

Він вказав на швидке покращення можливостей AI-моделей як на ключовий прискорювач. «Речі, які ви можете створити сьогодні одним натисканням — наприклад, 3D-візуалізацію сонячної системи — ви дійсно не могли довіряти результату рік тому. Але сьогодні у вас дуже високий відсоток успіху».

Чи стане Canva Code стійкою продуктовою категорією, чи функцією, яка буде поглинута ширшим робочим процесом AI платформи, залежатиме від того, наскільки швидко компанія зможе скоротити розрив між її поточним фронтенд-фокусом та повноцінними можливостями, які дедалі більше визначають конкуренцію. Lovable постачає додатки з підтримкою Supabase, автентифікацією та базами даних. Агенти Replit можуть виконувати автономні тривалі збірки. Bolt.new запускає повні Node.js середовища у вкладці браузера. Це фундаментально різні амбіції, ніж зробити лендінг конференції привабливим.

Але Canva ніколи не вигравала, конкуруючи з технічною глибиною своїх конкурентів. Десять років тому вона не намагалася перевершити Adobe за функціями — вона зробила дизайн доступним для 99% людей, які ніколи не відкриють Photoshop. Тепер, на ринку vibe coding, де кожен інструмент може згенерувати робочий прототип за запитом, Canva робить ту саму ставку, яку зробила у 2012 році: для більшості людей найскладнішим було не створення. А те, щоб це виглядало так, ніби це зроблено вами.

Порада від INFBusiness:

Canva Code 2.0 — це значний крок до демократизації веб-розробки. Якщо ви не є професійним розробником, але маєте потребу створити інтерактивний сайт, лендінг або простий додаток, цей інструмент може стати вашим найкращим помічником. Він дозволяє легко втілювати креативні ідеї в життя, не заглиблюючись у складні технічні деталі, і надає професійний вигляд вашим проєктам.

Інформація підготовлена на основі матеріалів: venturebeat.com