Canva Code 2.0 launches visual editing interface with HTML imports and collaborative features
Canva launched Code 2.0, an AI-powered coding platform that adds visual editing, HTML import capabilities, and real-time collaboration. The platform includes 50+ templates and integrates with Canva's existing design tools and brand kits.
Canva Code 2.0 launches visual editing interface with HTML imports and collaborative features
Canva released Canva Code 2.0, adding visual editing capabilities, HTML imports, and real-time collaboration to its AI-powered coding platform. The update allows users to build websites, apps, and interactive experiences using natural language prompts, then edit them visually within Canva's standard editor.
Key features
Canva Code 2.0 includes three primary methods to start projects: natural language prompts, selection from 50+ new templates, or HTML imports from other AI platforms and assistants. The HTML import feature enables users to continue work on pages created with competing AI coding tools.
The platform integrates directly with Canva's design editor, allowing users to manually adjust code output using familiar design controls. Users can drag images from Canva's built-in library, modify colors and fonts through the toolbar, edit text directly by clicking sections, or refine elements using conversational AI commands.
Collaboration and publishing
The update adds real-time collaboration features, enabling team members to work simultaneously on coding projects. The platform maintains integration with Canva's brand kit system, designed to keep outputs consistent with existing brand guidelines.
Publishing options include connecting custom domains or using free Canva-hosted domains. According to Canva, all outputs are fully interactive, automatically responsive across screen sizes, and include mobile preview capabilities before publication.
Technical context
Canva Code 2.0 builds on Canva AI 2.0, announced earlier this year. The broader AI platform uses Canva's Proteus, Lucid Origin, and I2V generative models for image and video creation, alongside conversational interfaces for design automation.
The visual editing approach differs from pure code-generation tools by combining AI-generated code with drag-and-drop design controls within a single interface.
What this means
Canva Code 2.0 represents a convergence between traditional visual design tools and AI code generation. The HTML import feature directly targets users of competing AI coding platforms, offering a migration path into Canva's ecosystem. The visual editing capability addresses a common friction point in AI coding tools: users who can describe what they want but struggle to manually edit generated code. By allowing both conversational AI refinement and direct visual manipulation, Canva targets designers who need coding capabilities without full programming knowledge.
Related Articles
ElevenLabs Launches Music v2.5, Adds API Access and Free Tier for AI-Generated Songs
ElevenLabs has released Music v2.5, an updated version of its ElevenMusic generator, now available through both the app and API. The company says blind testing with nearly 48,000 comparison pairs showed listeners preferred v2.5 over the prior version, particularly for R&B, Hip-Hop, and orchestral genres.
Perplexity Says It Runs End-to-End Engineering Systems on OpenAI's GPT-6 Astra
Perplexity says it has shifted core engineering workflows, including code changes and production monitoring, onto OpenAI's GPT-6 Astra model. The claim comes from an OpenAI-published case study with no independent benchmark data released.
Perplexity Deploys OpenAI's Astra Model for Autonomous Code and Systems Management
Perplexity is using an OpenAI model referred to as Astra to handle software changes, communications, and production monitoring with less frequent human check-ins. OpenAI published the case study; specific model specs and benchmarks have not been disclosed.
Augment Code Claims 4.5x Developer Output Increase From Internal 'Software Factory' of AI Agents
Augment Code says its internal 'software factory'—a network of specialized agents built on its Cosmos platform—drove a 4.5x increase in size-adjusted developer output and cut median PR merge time from 11.2 to 3.1 hours over nine months. The company frames this as evidence that once AI writes nearly all new code, the bottleneck shifts to review, verification, and incident response.
Comments
Loading...