過去一年多，「vibe coding」這個詞從社群媒體的梗，硬生生被砸出了一個數十億美元的新市場。Lovable、Replit、Bolt.new 相繼崛起，告訴大家一句話：只要會打字，就能寫程式。但當我實際試用過幾款產品後，發現一個很詭異的現象——生成的網頁確實跑得動，但看起來總是有種「AI 味」，改個字型、調個排版就得進程式碼裡摳半天。這剛好踩在 Canva 的痛點上。身為擁有超過兩億六千五百萬月活躍用戶的設計平台，Canva 這次直接推出 Code 2.0，不跟工程師搶活幹，而是把 AI 寫程式的能力塞進設計流程裡。這步棋走得很大膽，但也正因為如此，它可能比任何一家純碼農工具都更接近「普通人真的會天天用」的終局。
真正的瓶頸不是「寫出來」，而是「改得好」
我認為 Canva Code 2.0 這次最聰明的地方，在於它完全看準了 vibe coding 圈子的核心矛盾。市面上的 AI 編碼工具，幾乎都在捲「生成速度」跟「功能完整度」。但對我們這些非技術背景的人來說，複雜的後端、資料庫連線其實不是壞事，而是「不需要」。真正煩人的是：你生成了一個活動 Landing Page，結果想換掉裡面的活動照片、調整標題字級、或者把背景色改成自己品牌的色號，就得重新打 prompt 或者自己開編輯器。
Canva 直接把手拖進去了。它讓使用者能用熟悉的拖曳式介面，點擊生成的元素就能改文字、換圖片、調色調。這等於把「設計」跟「程式」的界線直接抹平。我個人很看好這個方向，因為這代表未來網頁製作的門檻不會是寫程式，而是「怎麼把東西擺好看」。
未來一兩年，Canva 會變成所有 AI 工具的「最後一哩路」
如果把時間拉到 2027 年來看，我預測 vibe coding 市場會出現一個明顯的分層。底層的邏輯是「生成」，這塊會越來越便宜、越來越快；而高層的價值會落在「編輯」跟「品牌化」。Canva 這次放出的 HTML import 功能就是最強的一招——你可以用 ChatGPT 或 Bolt 生成原始碼，丟進 Canva 裡直接套上你的品牌 UI、調整排版，然後一鍵發布。這意味著 Canva 不需要贏過 Lovable 或 Replit 的生成能力，它只要成為那個「幫 AI 產出上漆、貼牌」的平台，就能吃掉整個賽道的流量。
當然，這招也有風險。如果 Canva 的拖曳編輯器撐不起複雜的互動邏輯，使用者很快就會發現：好看是好看，但能用的功能太陽春。
為了更清楚看出這幾家在戰場上的定位差異，我整理了一份對比：
| 比較維度 | Canva Code 2.0 | Lovable | Replit | Bolt.new |
|---|---|---|---|---|
| 核心目標用戶 | 設計師、行銷人員、小商家 | 非技術創業者 | 獨立開發者 / 工程師 | 全端開發者 / 快速原型 |
| 主打優勢 | 設計感、拖曳編輯、品牌一致性 | 對話式生成、UI 導向 | 瀏覽器 IDE、Agent 自動化 | 瀏覽器內完整 Node.js 環境 |
| 編輯體驗 | 點擊即改、WYSIWYG | 主要靠 prompt | 需懂基礎程式碼或 Agent | 需理解程式邏輯 |
| 後端/資料庫 | 輕量級，不適合高流量 | 內建 Supabase 與認證 | 完整後端與部署能力 | 純前端/輕後端 |
| 定價策略 | 免費到企業版全開放，依額度計費 | 訂閱制分級 | 訂閱制分級 | 訂閱制分級 |
「我們刻意鎖定非技術用戶。Canva Code 不是給工程師用的，而是把輕量級 AI 編碼能力帶進 Canva 平台，回應使用者對互動性、客製化與彈性的需求。」—— Canva AI 產品負責人 Danny Wu
從收購 Affinity 到拿下 Leonardo.ai，Canva 這兩年在 AI 基建上的佈局其實一直在為今天鋪路。六百萬個已發布網站的數字聽起來很驚人，但更值得關注的是那些真實的使用情境：老師用它們做班級網站、小商家拿去做募資頁面、閱讀活動直接生成互動教學遊戲。這些都不是什麼硬核科技，但對普通人來說，「能用、好看、不用請工程師」就是最大的價值。Canva 這次下的賭注很明確：在 vibe coding 時代，生成只是起點，最終的競爭在於「能不能讓每個人的東西看起來都像他自己做的」。
延伸思考與常見問題
Q1：什麼叫做「vibe coding」？這個詞是從哪裡來的？ 答：Vibe coding 指的是不依賴傳統程式語法知識，而是用自然語言提示詞讓 AI 直接生成可運作的程式碼或網頁的開發方式。這個詞源自社群媒體上的熱門趨勢，強調的是「憑感覺下指令，讓 AI 幫你實現」的輕鬆開發體驗。
Q2：Canva Code 2.0 支援後端資料庫嗎？如果我要做一個會員登入系統可以用嗎？ 答：目前 Canva Code 2.0 的定位是「互動式前端體驗」，適合中小型資料提交與頁面互動，並不支援複雜的後端邏輯或高流量部署。如果你需要完整的會員系統、資料庫與金流串接，還是得依賴 Lovable 或 Replit 這類全端工具。
Q3：為什麼 Canva 要開放 HTML import？這跟它自己的 AI 編碼能力有什麼關係？ 答：開放 HTML import 是 Canva 的差異化策略之一。這讓使用者可以把其他 AI 工具生成的原始碼匯入 Canva，直接套用 Canva 的設計元件與品牌風格進行編輯。這代表 Canva 不一定要贏過別家的生成能力，而是成為整個 AI 編碼生態系的「最終美化與整合層」。