Canva Code 2.0 透過自然語言簡化應用程式開發

💡看看 Canva 如何整合基於 LLM 的「vibe coding」，讓非技術使用者也能成為應用程式開發者。

⚡ 30-Second TL;DR

有什麼變化

支援使用自然語言指令進行應用程式與網站開發。

為什麼重要

此更新讓創作者無需傳統程式設計技能即可製作功能性應用程式原型，實現了軟體開發的平民化。這使 Canva 在低程式碼/無程式碼開發領域成為強有力的競爭者。

下一步行動

嘗試使用 Canva Code 2.0 製作一個簡單的互動工具原型，並評估它是否能取代您設計密集型專案中的手動樣板程式碼編寫。

誰應關注：Creators & Designers

AI-generated analysis for this event.

•Canva Code 2.0 整合了專有的多模態大型語言模型，該模型針對 UI/UX 設計模式進行了微調，能將自然語言描述直接轉換為符合 Canva 設計系統的 React 元件。
•此更新引入了「即時預覽沙盒」（Live Preview Sandbox），允許開發者在編輯器內直接與生成的程式碼互動，並支援即時除錯與邏輯調整。
•Canva 透過此次更新擴展了其開發者平台（Canva Developers Platform），允許使用者將生成的應用程式直接發佈至 Canva Apps Marketplace。
•Code 2.0 支援與外部 API 的無縫串接，使用者可透過自然語言設定資料擷取邏輯，無需編寫複雜的後端程式碼。
•該功能採用了基於權限控制的安全性架構，確保生成的程式碼在執行時受到沙盒環境限制，防止惡意腳本注入。

📊 競品分析▸ Show

特色	Canva Code 2.0	Webflow (Logic/DevLink)	Framer AI
核心定位	設計師導向的應用程式開發	專業級網站開發與 CMS	視覺化網站設計與互動
自然語言能力	高 (專注於應用邏輯)	中 (輔助佈局與邏輯)	高 (專注於視覺生成)
技術門檻	極低 (無程式碼)	中高 (需理解 Web 開發)	低 (設計師友善)
定價模式	訂閱制 (包含於 Canva Pro)	階梯式訂閱 (按專案計費)	階梯式訂閱 (按網站計費)