Canva Brush：它是什麼、如何使用它以及如何將設計轉換為程式碼2 min read

Canva Brush 是 Canva 用於編輯設計的新 AI 模型，於 2026 年 10 月 29 日發布。 Canva Craft 一週前推出，可產生影像。 Brush 適用於已經存在的設計：它讀取佈局，然後應用您要求的更改，無論是一行副本還是幻燈片中的每張幻燈片。它從 Canva AI 內的 Canva Pro 訂閱者開始，「即將推出」更廣泛的可用性，Canva 表示，與先前的設計代理相比，每個編輯任務的速度提高了 69%，成本降低了 46%。

本指南適用於在 Canva 中進行大量編輯並希望了解 Brush 發生了什麼變化、如何打開它、如何提示它以使其僅更改您的意圖的設計師、營銷人員和創始人，以及當完成的設計必須成為真正的網站或應用程序時該怎麼做。对于生成方面，请参阅我们的指南 Canva Craft。

當 Canva 設計準備好作為頁面發佈時， Anima Playground 將圖像或 Figma 連結轉換為可用的響應式應用程序，您可以繼續使用 AI 進行編輯。

使用 AI 直接在程式碼中進行設計

使用 AI 進行設計：描述畫面或將 Figma 設計轉換為程式碼。

Canva Brush是什么？

Canva將Brush描述為視覺語言設計模型，由該公司擁有 160 人的人工智慧實驗室Canva Research建構。 「視覺語言」意味著它同時吸收頁面的圖片和您的文字。 Canva 表示它會看到您的設計，了解其組合方式，並進行您要求的更改。用 Canva 的話來說，最困難的部分不是生成設計，而是編輯設計：模型必須知道要更改哪些內容，以及哪些內容必須保持原樣，否則一個簡單的請求會變成一堆您從未要求的更改。

在幕後，Canva說Brush使用代理循環。它編寫並運行程式碼來調整設計元素，然後檢查頁面以決定下一步。它所做的一切都保持正常的Canva設計，因此文字、圖像、顏色和佈局仍然可以手動編輯。在產品中，Canva AI的模型選單列出了 Core，“我們的全方位設計模型”，以及Brush，標記為 Beta，“我們最新最快的編輯模型”。

Canva Brush 與 Canva Craft 有什麼不同？

他們解決同一個工作的不同部分，並且Canva將它們建構成可以一起工作。

Canva自己的路線是Craft產生影像，Brush圍繞它完善設計。在實踐中，您可以使用 Craft 生成英雄圖像，將其放入佈局中，然後使用 Brush 重新設定頁面樣式、更改整個平台的標題或調整其大小以適應另一個頻道。

如何在 Canva AI 中使用 Canva Brush？

1. 打開設計。 在編輯器中開啟現有設計，或附加或連結到 Canva AI 中的設計。
2. 選擇型號。 在Canva AI中，開啟模型選單並選擇Brush。 Canva 表示要執行此操作，以便 Brush 為您提供完整的編輯體驗。
3. 描述一項變化。 寫下要更改的內容，以及同樣重要的要保留的內容。
4. 回顧一下發生了什麼變化。 查看每一頁，尤其是文字和間距。
5. 當速度更快時用手接管。 您可以繼續透過Canva AI進行指導或隨時切換回編輯器。

Canva 建議三項起始工作：重新設計圖像或設計，例如更改配色方案、天氣或氛圍；對多頁面設計進行一項更改；並重新混合另一個頻道的設計，例如將演示幻燈片變成 Instagram 圖形。 Canva 表示，Brush 在內部測試中在重新設計樣式和使設計適應不同格式方面做得特別好。

您應該如何提示Brush，以便它只改變您的意思？

Canva自己對編輯為何困難的解釋也是最好的提示建議：模型必須知道要保留什麼。它的範例提示以簡單的語言執行此操作。一張啟動圖片顯示「您能否將所有投影片的字體變更為更優雅」。另一位要求將產品設計變成限量版萬聖節風味，「保持感覺不變，但要享受角色和名字的樂趣。」我會把每個編輯寫成四行。

更改：將標題和頁腳中的日期「11 月 14 日」替換為「11 月 21 日」。
保持：其他一切都保持原樣，包括佈局、字體、顏色、圖像和間距。
範圍：本設計的每一頁。
檢查：告訴我您更改文字的每一頁，以便我可以查看它們。

該模板是我的建議，不是Canva的。嘗試它的原因是它將一個模糊的請求變成一個有界的請求，並且它給你一個清單來驗證。 Canva表示Brush在內部測試中的大多數編輯任務中達到或超過了先前設定的質量，這是一個好兆頭，也提醒我們「大多數」並不是「全部」。對於任何帶有法律文本、價格或日期的內容，請閱讀結果。

Canva Brush 更快更便宜多少？

Canva 表示，與 Canva 之前的設計代理相比，Brush 在發佈時，一般設計編輯任務的速度提高了 69%，每個編輯任務的成本降低了 46%。 Canva 認為節省成本是可以為更多人提供更強大的Canva AI體驗的原因。啟動圖表顯示了兩個沒有絕對值的比較，因此沒有秒數或分數可供引用。

將這些視為 Canva 對其早期代理的測量結果。他們不會將 Brush 與任何其他公司的模型進行比較，也不會告訴您第一次編輯正確的頻率。

Canva Brush 還不能做什麼？

• 它還不適合所有人。 專業訂閱者首先獲得它。 Canva尚未給出其他計劃的日期。
• 這是第一個版本。 Canva 列出了 Brand Kit 支援、引用附件的能力以及正在進行的工作中更好地處理圖像密集型佈局。
• 它住在Canva AI。 Canva的貼文在Canva編輯器和Canva AI中描述了Brush。它沒有提及 Claude 和 ChatGPT 使用的 Canva 連接器，因此不要假設 Brush 編輯在那裡可用。
• 它編輯 Canva 設計。 結果是 Canva 設計。公告中沒有任何內容將其轉換為程式碼或網站。

如何將 Canva 設計轉換為程式碼？

這是完成的設計和實際頁面之間的差距。 Brush 設計正確。仍然需要有人來建造它。如果設計是在網站、應用程式畫面或登陸頁面上進行，這是我使用 Anima Playground 採取的路線。

1. 在Canva中完成編輯。 檢查每個頁面，然後使用「共享」、「下載」並選擇 PNG 作為您要建立的頁面。 Canva的幫助中心也列出了其他文件類型。
2. 將影像上傳至Anima Playground。 將其拖入提示框，或使用聊天中的圖像圖示。
3. 說說它是什麼。 告訴Anima圖片是登陸頁面、儀表板還是移動螢幕，以及哪些內容應該是可點擊的。
4. 生成，然後透過聊天進行完善。 Anima 將佈局重建為響應式 HTML 或 React，文字和圖像資源分開，以便您可以預覽它、請求變更以及發布或匯出程式碼。

将此图像转换为响应式登陆页面。保留图片中的布局、颜色和字体。
顶部按钮应滚动到定价部分。这三张卡片应该是链接。
使用真實的文本，而不是文本的圖像。让它在移动设备上运行。

清楚這是什麼。Anima從圖片上看作品，因為常見Canva下載，例如PNG,JPG和PDF，是平面圖像或文件。它從圖像中讀取佈局、文字、資源和樣式並重建它們，您應該期望改進第一個版本，就像任何圖像到程式碼的工作流程一樣。如果設計也存在於Figma，黏貼Figma連結到同一個框中並Anima相反，從真實層開始工作。我們的 图像到代码指南 涵蓋如何準備乾淨的圖像，以及指南 复制完整的网站 在更大的作业上显示相同的提示框。

什麼時候該使用 Brush、Craft 或 Anima？

• 使用Brush 當設計存在並且需要更改時：重寫整個平台、新的顏色方向、調整另一個通道的大小。
• 使用Craft 當您需要新圖像時：英雄、海報、帶有文字的社交卡。
• 手動使用Canva的編輯器 對於像素級工作、品牌關鍵細節以及任何 Brush 都會稍微錯誤。 Brand Kit 尚不支援 Brush。
• 使用Anima Playground 當設計必須成為工作頁面或應用程序，而不是導出的文件時。

如果您本週嘗試Brush，請從具有重複元素的設計開始，例如一組或一組社交帖子，然後對所有元素進行一次有界編輯。這就是 Canva 所說的最強的地方，這是查看模型是否尊重您告訴它保留的內容的最快方法。