使用Canva Code创建交互式设计

Canva 代碼建立工具讓你製作響應式的互動式設計，無須撰寫代碼等技術性的工作。你可以通過兩種方式使用 Canva 代碼建立工具：

• 建立互動式代碼設計
  • 建立完整的互動式設計，例如登陸頁面、儀表板或作品集，並在 Canva 編輯器中編輯並發佈為網站
• 在設計中加入互動式「代碼」元素
  • 在其他設計中建立測驗、計算器或圖表等互動式元素，並在多個設計中重複使用

若你想建立完整的互動式體驗，請使用代碼設計類型。

• 建立登陸頁面、儀表板、作品集等
• 在 Canva 編輯器中編輯並調整內容
• 發佈為響應式網站

當你想要產生單一互動元件時，可前往Canva AI 的「代碼」 。

• 將測驗、計算器、圖表等建立為元素。
• 將元素新增至簡報、白板或其他設計類型。發佈為網站，或在多個設計中重複使用元素。

使用編輯器中的工具，微調 Canva 代碼產生的設計。請參閱編輯 Canva 代碼生成的互動式設計和元素，了解詳情。

選擇

備註：在 Canva 上檢視設計或發佈為網站的互動式設計。

每次你透過提示更新 Canva 程式建立工具設計時，Canva 會自動在同一個聊天討論串中儲存新的版本。這樣一來，你就能重新查看較早的迭代、從先前的版本繼續編輯，或複制生成的代碼以供外部使用。

備註：在同一個聊天室中繼續提示，系統會自動建立新版本。

1. 開啟 Canva 程式建立工具聊天討論串。
2. 選取要使用的版本。
3. 選取「在設計中使用」以繼續在 Canva 中編輯該版本。

你可以檢視 Canva 程式建立工具產生的基礎代碼，也可以加以復制，以便在 Canva 以外重複使用。

• Canva 程式建立工具支援 Canva 的所有語言，但使用 canva.cn 的使用者除外。
• Canva 程式建立工具只會採納你輸入或使用的描述說明。你提供的背景資訊和說明越多，效果就越好。
• 代碼可供外部複製和重複使用，但無法匯出為檔案，或直接在 Canva 內編輯。

如果你的 Canva 程式建立工具網站大型或複雜，小工具尺寸過大可能會導致網站無法發布。你可以嘗試簡化網站，或將內容拆分為較小的網站或頁面。在同一個 Canva 程式建立工具聊天中，請嘗試輸入以下提示給 Canva AI：

• 「請簡化此網站，減少尺寸過大的小工具/元件，以便在 Canva 中發布。」
• 「請將此通訊拆分為兩個較小的可發佈網站/頁面。」

待 Canva 程式建立工具產生更新版本後，請嘗試再次發布。

貼士：將內容拆分為較小的網站或頁面可能會有所幫助，因為每個已發布的網站包含的內容較少。如果你將網站拆分成幾個不同的已發佈網站，你需要分別管理和分享這些網站的 URL。

是的。複製後，代碼即可用於自己的專案。雖然該功能專為 Canva 打造，但你可以針對外部工具或工作流程進行調整。

就你與 Canva 之間的關係而言，且在法律允許的範圍內，我們 AI 功能的輸入和輸出內容（包括 Canva 代碼和所產生的 Canva 代碼）皆為你所有，Canva 不會針對你的輸入或輸出內容提出任何版權所有權請求。 (包括建立的 Canva 代碼)。如需更多詳細資訊和完整條款，請參閱我們的AI 產品條款。

只有你可以查看使用 Canva 代碼的對話。當你點擊「在設計中使用」時，系統會使用該版本建立一個新設計，你可以使用

如果你將設計發佈到網站，則存取控制由你在網站發布流程中設定的設定控制。

如果你是管理員、教師或品牌設計師，就可以選擇團隊或班級中的誰能存取 Canva 代碼。

Canva 代碼建立工具現在使用差異編輯功能，這表示只會更新必要的代碼行數，不必重新產生整個代碼塊。藉此，在你對設計邏輯作出微小變更時，即可加快給予意見。