Canva 上線 Canva Code 2.0：生成快 75%，支援匯入 HTML 與拖拽改程式碼

用自然語言寫程式碼的「vibe coding」火了大半年，但對多數人來說，最頭疼的往往不是生成程式碼，而是生成出來的東西長得千篇一律，改個按鈕位置或換個品牌色還得跟 AI 來回拉扯半天。

Canva 正式向所有使用者推出 Canva Code 2.0，涵蓋免費版、Pro、企業版以及教育版。官方表示，這一版將程式碼生成時間縮短了 75%，從輸入提示詞到最終釋出的平均耗時也減少了 30%。

像改幻燈片一樣改網頁程式碼

這次更新最關鍵的變化，是把 AI 生成的程式碼放進了 Canva 自己的拖拽式編輯器裡。

如果你以前在別的 AI 助手裡寫過網頁，Canva Code 2.0 現在支援直接匯入 HTML 程式碼，匯入後會自動轉換成可編輯的設計稿，不需要從零重敲。

在編輯介面裡，使用者可以直接點選修改文字、套用自己的品牌色和字型，或者從平臺自帶的 1.2 億設計素材庫裡拖拽替換圖片。當然，你也可以選中某個具體元件，繼續用自然語言讓 AI 去微調。

官方這次還配套上線了 50 多個互動模板。你生成的網頁或互動體驗可以直接嵌入到 Canva 的白板、簡報或單頁設計裡，並且會自動適配不同螢幕尺寸，支援移動端即時預覽。

在釋出環節，使用者可以選擇直接繫結自定義域名、使用 Canva 提供的免費域名，或者通過單點登入（SSO）在企業內部私密共享。

Canva 透露，自一年前推出第一代 Canva Code 以來，社群使用者已經制作了超過 600 萬個站點，涵蓋班級公告欄、房產展示頁和小遊戲等場景。平臺目前月活使用者超過 2.65 億，其 AI 產品的累計使用次數已突破 320 億次。

為什麼重要

我們認為，Canva 這次切入程式碼生成的角度非常聰明。它沒有去卷底層模型的程式碼編寫能力，而是盯上了當下 AI 程式設計工具最大的痛點：視覺控制力極差。

現在市面上的許多程式設計助手能幫你跑通功能，但只要涉及前端排版、字型和品牌調性，使用者就得陷入無休止的提示詞除錯中。Canva 實際上是把程式碼輸出物變成了普通圖層，讓不懂程式碼的設計師或運營人員用最熟悉的拖拽方式搞定最後一公里。

對於小微企業、教師和自由職業者來說，這是一個非常實用的輕量級工具。如果你只是需要做一個活動報名頁、內部資料收集表單或簡單的產品展示原型，現在完全不需要找外包或折騰 GitHub。

不過它的邊界也相當明確。從目前公開的用例來看，Canva Code 主要面向靜態展示、簡單互動與輕量級表單，如果業務涉及複雜的後端邏輯、資料庫互動或嚴格的安全性要求，它顯然無法替代真正的軟體開發流程。它更像是一個給設計人群準備的互動式內容製作器，而不是專業開發者的生產力工具。