Canva Code 2.0: Революція в веб-розробці для всіх
У вівторок компанія Canva представила Canva Code 2.0 – значне оновлення свого інструменту для кодування зі штучним інтелектом. Ця інновація дозволяє користувачам створювати інтерактивні вебсайти, додатки та інші цифрові рішення, використовуючи прості текстові команди. Головна перевага: редагування результатів настільки ж легке, як і внесення змін до будь-якого дизайну в Canva. Тепер ця функція доступна всім із понад 265 мільйонів користувачів платформи щомісяця, незалежно від тарифного плану, включно з безкоштовними обліковими записами. Цей крок є найамбітнішим у виході Canva на швидкозростаючий ринок “vibe coding” – категорія, яка існувала менше 18 місяців, але вже породила стартапи-мільярдери та докорінно змінила підхід нетехнічних користувачів до створення програмного забезпечення. На відміну від конкурентів, таких як Lovable, Replit та Bolt.new, які зосереджені переважно на генерації функціонального коду з текстових запитів, Canva робить ставку на інше: справжньою перешкодою є не сам код, а його естетичний вигляд. «Більшість інструментів “vibe coding” зупиняються на функціональності, генеруючи вивід, який виглядає так само, як у всіх інших, – зазначає Canva у своєму анонсі. – Ви можете отримати робочий прототип, але для того, щоб він виглядав саме так, як ви хочете, потрібна складна поверхня редагування, окремий інструмент дизайну, розробник або нескінченні повторні запити, які рідко призводять до бажаного результату». Денні Ву, керівник відділу продуктів ШІ в Canva, підкреслив позиціонування продукту в ексклюзивному інтерв’ю: «Ми свідомо орієнтуємося на нетехнічних користувачів. Canva Code – це не інструмент для розробників. Ми прагнемо надати потужність ШІ-кодування, але в легкому форматі, в рамках платформи Canva, відповідаючи на запити наших користувачів щодо більшої інтерактивності, кастомізації та гнучкості – від вебсайтів до інтерактивних презентацій».
Canva Code 2.0: редагування методом перетягування, імпорт HTML та прискорення генерації на 75%
Оновлення включає низку можливостей, розроблених для скорочення розриву між створенням коду та публікацією готового інтерактивного рішення. Користувачі тепер можуть створювати проєкти Canva Code безпосередньо в інших проєктах дизайну, вбудовуючи інтерактивні елементи в дошки, презентації або окремі сторінки. Canva також додала понад 50 нових шаблонів, спеціально розроблених для інтерактивних дизайнів, а також можливість імпортувати сирі HTML-файли з інших інструментів ШІ-кодування та конвертувати їх у редаговані дизайни Canva. Показники продуктивності вражають: Canva повідомляє про скорочення середнього часу генерації коду на 75% та зменшення медіанного часу від першого запиту до опублікованого сайту на 30%. Інтеграція Canva Code в загальний редактор Canva, що дозволяє користувачам ставитися до згенерованого коду як до будь-якого іншого елемента дизайну, збільшила кількість активних користувачів Code на 25%. Мабуть, найвизначнішою особливістю є сам досвід редагування. На відміну від більшості платформ ШІ-кодування, які вимагають від користувачів повторних запитів або редагування сирого коду для внесення візуальних змін, Canva Code 2.0 дозволяє клацати безпосередньо на згенеровані елементи для зміни тексту, перетягувати зображення з вбудованої бібліотеки Canva (понад 120 мільйонів шаблонів та активів), оновлювати кольори та шрифти за допомогою звичного інструментарію, або ж вибирати окремий елемент і вдосконалювати його за допомогою діалогового ШІ. Кожен результат повністю інтерактивний і автоматично адаптується до різних розмірів екранів, з вбудованим попереднім переглядом на мобільних пристроях. Ву продемонстрував редагування методом перетягування, показуючи, як згенерований сайт конференції можна модифікувати в реальному часі: замінювати фотографії, змінювати шрифти на брендові альтернативи та редагувати текст безпосередньо на полотні. «Ключова відмінність Canva Code – це редагованість та якість вихідних даних, які він генерує», – зазначив він, додавши про поточне обмеження: «Ми не підтримуємо переміщення елементів. Для цього все ще потрібен повторний запит».
Як Canva планує конкурувати на ринку AI-конструкторів додатків
Вихід Canva на ринок “vibe coding” у такому масштабі відбувається у ключовий момент для цієї категорії. Згідно з ринковими дослідженнями, опублікованими Luminix AI у травні 2026 року, ринок “vibe coding” та AI-конструкторів додатків досяг приблизно 4,7 мільярда доларів у 2026 році, з прогнозованим зростанням до 12,3 мільярда доларів до 2027 року із середньорічним темпом зростання близько 38%. Дослідження також оцінює, що код, згенерований ШІ, тепер становить приблизно 41% від усього коду, написаного у світі – показник, який ще два роки тому здавався б неймовірним. Конкурентне середовище стало надзвичайно запеклим. Lovable, який фокусується на генерації додатків для нетехнічних засновників через діалоги та дизайн, досяг, можливо, найшвидшого зростання доходів у своїй категорії – за попередніми оцінками, близько 400 мільйонів доларів річного прибутку на основі підписок (ARR) на початок 2026 року. Replit, що трансформував свій браузерний IDE у повноцінний двигун “vibe coding” завдяки послідовним релізам агентів ШІ, потроїв свою оцінку до 9 мільярдів доларів і націлений на 1 мільярд доларів річного прибутку до кінця 2026 року. Bolt.new, який запускає повне середовище Node.js повністю в браузері, збільшив свій ARR з 4 до 40 мільйонів доларів протягом кількох місяців після запуску. І ось Canva, яка пропонує те, чого немає у жодної з цих платформ: екосистему дизайну з чвертю мільярда користувачів, де бренди, команди та окремі особи вже зберігають свої візуальні ідентичності, співпрацюють над проєктами та публікують контент. Ву позиціонував Canva Code не як прямий конкурент цим інструментам для розробників, а як рішення, що заповнює прогалину, яку ніхто інший не задовольнив. «Багато запитів, які ми отримуємо, і використання, яке ми спостерігаємо, насправді полягає у використанні Canva Code не тільки як окремого артефакту, а як частини загального дизайну, візуальної комунікації, яку вони намагаються передати, – сказав Ву. – Наприклад, коли у вас є презентація для продажів, ви можете додати калькулятор, візуалізатор того, що саме робить ваш продукт. Інтерактивний слайд може коштувати тисячу зображень».
Чому функція імпорту HTML від Canva може перетворити її на «фінішний шар» для будь-якого інструменту ШІ-кодування
Однією з найбільш стратегічно цікавих функцій Canva Code 2.0 є можливість імпорту HTML, яка дозволяє користувачам брати код, згенерований будь-яким інструментом ШІ – включно з ChatGPT, Claude, Lovable або Bolt – і імпортувати його в Canva як повністю редагований дизайн. Наслідок очевидний: Canva позиціонує себе як місце, де ШІ-згенерований код отримує фінальні штрихи, незалежно від того, де він був створений. Відповідаючи прямо на запитання, чи означає це позиціонування Canva як «фінішного шару поверх vibe coding», Ву дав дипломатичну, але показову відповідь. «Це дійсно продовження нашої мети зробити весь дизайн максимально простим, – сказав він. – Ми підтримували імпорт PDF та їх перетворення на документи, імпорт файлів PowerPoint – тож в одному сенсі це розширення цього. Але в іншому – це просто прислухання до того, чого хочуть наші користувачі, і перетворення Canva на найкориснішу та найсуміснішу платформу». Він зробив паузу, а потім додав: «Не те, щоб ми навмисно позиціонували себе як конкретний шар, наприклад, як фінішний шар після vibe coding. Ми просто дійсно хочемо зробити нашу платформу найбільш доступною та інтегрованою». Ця термінологія – «найбільш інтегрованою» – натякає на платформенну стратегію, яка не вимагає від Canva повністю виграти гонку генерації ШІ-коду. Якщо Canva стане основним місцем для доведення ШІ-згенерованого коду до професійного та брендованого вигляду, вона отримає цінність від усієї категорії, незалежно від того, який генератор коду віддає перевагу користувач. Така стратегія також перегукується з ширшими можливостями імпорту, які вже дозволяють Canva отримувати презентації PowerPoint та PDF з конкуруючих платформ, поступово залучаючи користувачів до екосистеми Canva, не вимагаючи від них відмови від існуючих робочих процесів.
Що може створити Canva Code – і де Денні Ву бачить його обмеження
Ву був помітно відвертим щодо меж продукту – освіжаючий відхід від типових запусків продуктів у Кремнієвій долині. «Canva Code чудово підходить для всього, що працює як фронтенд-додаток, і особливо добре, коли ви хочете використовувати дані, введення даних та інтерактивність у невеликому та середньому масштабі, – сказав він. – Буду чесним щодо обмежень. Canva Code, ймовірно, не підійде, якщо ви намагаєтеся створити вебсайт зі складним бекендом, або якщо ви обробляєте сотні тисяч відвідувачів на день». Ця відвертість чітко окреслює відмінність між Canva Code та більш амбітними платформами в цій сфері. У той час як Lovable та Replit рухаються до повноцінної розробки додатків (включаючи бази даних, автентифікацію та хостинг продакшн-рівня), Canva свідомо обмежує свою сферу застосування інтерактивними фронтенд-рішеннями помірного масштабу. Питання в тому, чи є це стратегічною слабкістю, чи дисциплінованим фокусом. Для вчителів, власників малого бізнесу та маркетингових команд, які складають основну масу користувачів Canva, складні бекенди та масштабованість для високого трафіку є несуттєвими. Важливо те, чи зможуть вони створити інтерактивну сторінку заходу, вебсайт з переліком нерухомості або навчальний центр, який виглядатиме професійно та працюватиме на мобільних пристроях – без найму розробника або вивчення нового інструменту. На запитання про моделі ШІ, що лежать в основі Canva Code, Ву підтвердив, що компанія використовує комбінацію власних та сторонніх моделей, включаючи моделі від OpenAI та Anthropic, але відмовився уточнити точний склад. «Ми не розкриваємо точний склад, і він змінюється з часом, – сказав він. – Ми також робимо маршрутизацію по-різному залежно від того, що ви запитуєте, і яку сімейство моделей ми вважаємо найкращим для обробки певних запитів».
Серія поглинань ШІ-компаній Canva – від Affinity до Leonardo.ai – тепер підживлює їхній push у “vibe coding”
Загальна ШІ-інфраструктура Canva значно посилилася завдяки стратегії поглинань, яка прискорилася за останні два роки. У березні 2024 року компанія придбала Affinity, британський пакет творчого програмного забезпечення, популярний серед користувачів Mac, у угоді, яка, за даними Bloomberg, оцінювалася в «кілька сотень мільйонів фунтів». Тоді Canva позиціонувала цю угоду як спосіб конкурувати з флагманськими продуктами Adobe – Illustrator, Photoshop та InDesign – отримавши права на додатки Affinity Designer, Photo та Publisher. Лише чотири місяці потому Canva придбала Leonardo.ai, австралійський стартап у сфері генеративного ШІ з понад 19 мільйонами зареєстрованих користувачів та понад мільярдом згенерованих зображень. Співзасновник Canva Кемерон Адамс заявив тоді, що технологія Leonardo.ai буде інтегрована в пакет генеративного ШІ Magic Studio від Canva. Разом із цими придбаннями Canva Code є спробою компанії додати інтерактивні, керовані кодом можливості до візуальної дизайн-платформи, яка вже була покращена професійними інструментами дизайну та моделями генеративного ШІ. Компанія повідомляє про понад 32 мільярди використань своїх ШІ-продуктів на сьогодні – вражаюча цифра, яка підкреслює, наскільки глибоко ШІ зараз вплетений у повсякденні робочі процеси 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”, де платформи об’єдналися навколо систем токенів або кредитів, які вимірюють потужність генерації ШІ, а не обмежують функції підписками. Різниця в тому, що безкоштовний рівень Canva слугує воронкою залучення до набагато більшої дизайн-платформи, а не тільки для самої функції кодування. Для інституційних клієнтів, яких Canva все більше залучає – шкільні округи, агентства з нерухомості, корпоративні маркетингові команди – управління даними є ключовим питанням. Ву прямо звернувся до цього. «Усі користувачі та клієнти мають повний контроль над тим, як використовуються їхні дані, – сказав він. – Вони можуть вибрати, чи будуть їхні запити та дані використовуватися для навчання ШІ, у налаштуваннях. Для бізнесу та підприємств адміністратори команд можуть керувати цим на рівні організації та гарантувати, що їхні вхідні дані, контент та вихідні дані не будуть використовуватися для навчання». Цей підхід з можливістю відмови відображає урок, який засвоїла вся індустрія, часто непростим шляхом. Як повідомляв The Verge, коли Canva придбала Leonardo.ai, Adobe зазнала значної критики через оновлення політики щодо даних користувачів та навчання моделей ШІ – суперечка, якої Canva, схоже, прагне уникнути.
Довгострокове бачення Canva: скорочення розриву між уявою та тим, що можуть створити нетехнічні користувачі
На запитання, яке місце Canva Code займає у довгостроковій траєкторії компанії – і чи будує Canva повноцінну платформу для розробки додатків – Ву повернув розмову до основної аудиторії компанії. «Велика частина цього – це зменшення розриву між вашою уявою та тим, що можливо, особливо для звичайних користувачів – людей, які не мають багато часу, – сказав він. – У них немає часу розбиратися з розгортанням, MCP або API. Вони просто хочуть створювати більш інтерактивну та динамічну комунікацію». Він вказав на швидке вдосконалення можливостей моделей ШІ як на ключовий прискорювач. «Те, що ви можете створити сьогодні за один раз – наприклад, 3D-візуалізацію сонячної системи – ви дійсно не могли б довіряти виводу рік тому. Але сьогодні у вас дуже високий рівень успіху». Чи стане Canva Code стійкою продуктовою категорією, чи функцією, яка буде поглинена ширшими робочими процесами ШІ платформи, залежатиме від того, наскільки швидко компанія зможе скоротити розрив між своїм поточним фронтенд-фокусом та повноцінними можливостями, які все більше визначають конкуренцію. Lovable випускає додатки з підтримкою Supabase, з вбудованими базами даних та автентифікацією. Агенти Replit можуть виконувати автономні довготривалі збірки. Bolt.new запускає повні середовища Node.js у вкладці браузера. Це фундаментально інші амбіції, ніж зробити дизайн конференц-сторінки привабливим. Але Canva ніколи не вигравала, змагаючись у технічній глибині з конкурентами. Десять років тому вона не намагалася перевершити Adobe за функціями – вона зробила дизайн доступним для 99% людей, які ніколи б не відкрили Photoshop. Тепер, на ринку “vibe coding”, де кожен інструмент може генерувати робочий прототип за запитом, Canva робить ту саму ставку, яку зробила у 2012 році: для більшості людей найскладнішим було не саме будівництво. Це було зробити так, щоб це виглядало як ваше.
Прогноз ІТ-Блогу: Canva Code 2.0, ймовірно, стане стандартом для створення візуально привабливих інтерактивних елементів в рамках ширших дизайн-проєктів. Його інтеграція з існуючим екосистемою Canva та можливість імпорту з інших інструментів ШІ-кодування позиціонує його як “фінальний штрих” для багатьох розробників, що призведе до зростання кількості гібридних рішень, де дизайн та функціональність ідеально поєднуються.
Оригінал статті: venturebeat.com