使用Canva Code创建交互式设计

Canva 程式建立工具可讓你建立回應式的互動式設計，省卻撰寫程式碼的技術問題。你可以通過兩種方式使用 Canva 程式建立工具：

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

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

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

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

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

使用編輯器中的工具，調整 Canva 程式建立工具產生的設計。請參閱編輯 Canva 程式建立工具產生的互動式設計和元素，了解詳情。

選取

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

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

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

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

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

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

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

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

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

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

如果你是管理員、教師或品牌設計師，你可以選擇可以在你團隊或班級中存取 Canva 程式建立工具的人員。

Canva 程式建立工具現在使用差異編輯功能，這意味著只會更新必要的代碼行數，不必重新產生整個區塊。如此一來，當你對設計邏輯進行微小變更時，即可更快獲得意見。