Canva Code 2.0 | AI Websites Gain Visual Editing and HTML Import
Canva Code 2.0 turns plain-language prompts into websites, apps, landing pages, and interactive experiences that can be edited like regular Canva designs. The update adds HTML import, more direct visual controls, responsive publishing, and shared editing tools, giving designers a clearer path from an AI-generated concept to a branded project that is ready to review and publish.
Canva Code 2.0 turns prompted projects into editable designs
Canva Code 2.0 is now available across Canva's Free, Pro, Business, Enterprise, and Education plans. Creators can begin with a prompt, choose from more than 50 interactive templates, or import existing HTML instead of rebuilding a project from a blank page.
The main change is what happens after the first generation. Text, colors, fonts, images, and individual elements can be adjusted directly in the Canva Editor. Creators can make manual changes with familiar design controls or select a specific part of the project and request a conversational edit through Canva AI.
From a prompt or HTML to an interactive Canva project
Canva Code can now be used inside other design projects, including pages, whiteboards, and presentations. HTML import also allows creators to bring in work produced elsewhere, including code generated with another AI assistant, and continue adapting it as an editable Canva design.
The resulting projects remain interactive and adapt to different screen sizes, with a mobile preview available before publication. A finished experience can be published through a free Canva domain, connected to a custom domain purchased within Canva, or shared securely inside an organization using single sign-on.
Brand controls and collaboration remain inside the editor
Designers can replace generated visuals with assets from Canva's library or their own uploads, apply brand colors and fonts, and rewrite text directly on the canvas. Access to the Brand Kit also makes it easier to align an interactive project with existing visual guidelines without describing every brand decision in another prompt.
Teams can edit, review, and comment on the same project in real time. This creates a more familiar approval workflow for marketers, designers, educators, and small teams that want to develop an interactive experience without separating coding, visual editing, feedback, and publication across several tools.
Faster generation still requires a careful final review
Canva reports that code generation time has been reduced by 75%, while the median time from the initial prompt to publication is now 30% faster. These improvements can make rapid prototypes and smaller interactive projects more practical during early design exploration.
Before publishing, creators should still review the responsive layout, navigation, written content, interactive behavior, imported HTML, and brand consistency. Visual editing can simplify corrections, but an AI-generated website or app should be tested as a working experience rather than approved only because the first screen looks polished.
Daisuki's Take: What This Means for Designers
The most useful part of Canva Code 2.0 is not simply that it generates websites. Its visual editor gives designers a direct way to reshape the result instead of depending on repeated prompts for every color, image, spacing, or text correction.
HTML import also creates a more flexible starting point. A creator can explore an idea in another coding tool, move it into Canva, and continue working with familiar brand assets and collaborative design controls.
We would treat Canva Code as a fast bridge between visual design and interactive prototyping. It can reduce the effort needed to build smaller branded experiences, while technical review remains important whenever the project includes complex behavior, sensitive information, or production-critical functions.
Sources and Recommended Links
- Vibe Coding That Matches Your Vision: Canva Code 2.0 Is Now Available to All | Canva Official Newsroom
