{"slug": "canva-code-2-0-adds-visual-editing-html-imports-and-real-time-collaboration", "title": "Canva Code 2.0 adds visual editing, HTML imports, and real-time collaboration", "summary": "Canva launched Canva Code 2.0, an AI-powered vibe coding platform that enables users to build and visually edit websites, apps, and interactive experiences using prompts, templates, or imported HTML, with real-time collaboration and brand consistency features. The tool integrates with Canva's existing editor and allows publishing to custom or free Canva domains.", "body_md": "Canva today unveiled Canva Code 2.0, an AI-powered vibe coding platform that lets users build and visually edit websites, apps, and interactive experiences. Here are the details.\n\n## ’Vibe code websites, apps and interactive experiences, then edit like a Canva design’\n\nA few months ago, [Canva announced Canva AI 2.0](https://9to5mac.com/2026/04/16/canva-ai-2-0-introduces-memory-connectors-and-automated-workflows/), a unified conversational interface for design, automation, and content creation, based on the company’s Proteus, Lucid Origin, and I2V generative image and video models.\n\nToday, the company is [expanding](https://www.canva.com/newsroom/news/Canva-Code/?utm_source=integration_slack_v2&utm_medium=referral&utm_campaign=hyperlink_shared_opened_canva-static-page&utm_content=T0LDJ53E2&utm_term=b9a2e8b77931c09f773cf4f334c9df9844e75c4d) its AI-powered coding tools with Canva Code 2.0, which promises to make it “simple to design interactive experiences that are engaging, easy to build and customized to your brand,” through “new features that combine creative control with the latest models for AI-powered coding.”\n\nCanva Code 2.0 lets users start with a prompt, choose from more than 50 new templates, or import HTML to continue working on pages created with other AI platforms and assistants. It also supports real-time collaboration between team members,\n\nIt also integrates seamlessly with Canva’s other tools, giving users greater creative control and making it easier to keep projects consistent with their brand.\n\nHere’s Canva:\n\nCanva Code sits inside the same intuitive editor where you already house your brand kit. You can manually tweak your creation directly in the Canva Editor like any other design, or use Canva AI to prompt edits. It’s easy to swap in your own images by dragging directly from Canva’s built-in library, update colors and fonts through the familiar toolbar, click into any section to retype text directly, or select a specific element to refine with conversational AI. The result is an interactive experience that works and looks like it came from you.\n\nWhen the time comes to publish the work, Canva Code 2.0 lets users either connect a custom domain or publish it to a free Canva domain. The company says outputs are fully interactive, automatically adapt to different screen sizes, and can be previewed on mobile before going live.\n\nTo learn more about Canva Code 2.0, [follow this link](https://www.canva.com/newsroom/news/Canva-Code/?utm_source=integration_slack_v2&utm_medium=referral&utm_campaign=hyperlink_shared_opened_canva-static-page&utm_content=T0LDJ53E2&utm_term=b9a2e8b77931c09f773cf4f334c9df9844e75c4d).\n\n#### Worth checking out on Amazon\n\n[Geoffrey Cain – ‘Steve Jobs in Exile’](https://amzn.to/4v3CS5Q)[David Pogue – ’Apple: The First 50 Years’](https://amzn.to/46Y3nQj)[MacBook Neo](https://amzn.to/47vJmkn)[Logitech MX Master 4](https://amzn.to/3KmIQN7)[AirPods Pro 3](https://www.amazon.com/Apple-Cancellation-Translation-Headphones-High-Fidelity/dp/B0FQFB8FMG?tag=marcmendes-20)[AirTag (2nd Generation) – 4 Pack](https://amzn.to/4sewc3a)[Apple Watch Series 11](https://amzn.to/46VomDB)[Wireless CarPlay adapter](https://www.amazon.com/gp/product/B0F6T6N2B1?tag=marcmendes-20)\n\n*FTC: We use income earning auto affiliate links.* [More.](https://9to5mac.com/about/#affiliate)\n\n[our homepage](http://9to5mac.com/)for all the latest news, and follow 9to5Mac on\n\n[exclusive stories](https://9to5mac.com/feature/exclusive/),\n\n[reviews](https://9to5mac.com/guides/review/),\n\n[how-tos](https://9to5mac.com/guides/how-to/), and\n\n[subscribe to our YouTube channel](https://www.youtube.com/9to5mac)", "url": "https://wpnews.pro/news/canva-code-2-0-adds-visual-editing-html-imports-and-real-time-collaboration", "canonical_source": "https://9to5mac.com/2026/07/14/canva-code-2-0-adds-visual-editing-html-imports-and-real-time-collaboration/", "published_at": "2026-07-14 18:37:21+00:00", "updated_at": "2026-07-14 18:54:27.674920+00:00", "lang": "en", "topics": ["ai-tools", "generative-ai", "developer-tools"], "entities": ["Canva"], "alternates": {"html": "https://wpnews.pro/news/canva-code-2-0-adds-visual-editing-html-imports-and-real-time-collaboration", "markdown": "https://wpnews.pro/news/canva-code-2-0-adds-visual-editing-html-imports-and-real-time-collaboration.md", "text": "https://wpnews.pro/news/canva-code-2-0-adds-visual-editing-html-imports-and-real-time-collaboration.txt", "jsonld": "https://wpnews.pro/news/canva-code-2-0-adds-visual-editing-html-imports-and-real-time-collaboration.jsonld"}}