首頁 > AI工具 > Qt Clate 0.6:零程式碼畫嵌入式介面的設計工具,匯出的就是 QML

Qt Clate 0.6:零程式碼畫嵌入式介面的設計工具,匯出的就是 QML

更新時間:2026-11-03 18:26:46 發布時間:1天前 閱讀:8次

Qt Clate 0.6 是 Qt Group 在 2026 年 10 月 27 日放出的零程式碼嵌入式介面設計工具,首個 Beta 免費下載。設計師在畫布上擺圖形、文字、圖片,後台同步對映成 QML,匯出就是能直接進 Qt 6.12 項目的程式碼。官方部落格原話:「Clate Beta is out today, free for everyone.」

Qt Clate 畫布與屬性面板裡的智慧家居介面
畫布、圖層與屬性面板:左邊是設計,右邊是位置、尺寸、填充等可逐項調的屬性(圖片來源:Qt 官方產品演示影片)。

Qt Clate 是什麼

它解決的是嵌入式 HMI 裡那道翻譯工序:設計師出靜態稿,工程師照著稿子用 QML 重寫一遍。Clate 把這一步砍掉,稿子本身就是程式碼。

Qt Clate 怎麼把畫布變成 QML

畫布上的每個元素在後台先轉成 QML 結構,匯出的不是截圖,是可以繼續加邏輯的原始檔。

Qt Clate 的 AI 助手怎麼用

助手是畫布的一部分,不是一個外掛對話框。官方寫明它做的每處改動都進撤銷歷史,可以一步步退回去。

Qt Clate AI 助手聊天框裡的設計指令
AI 助手接收的是一段結構化的設計描述:解析度、主色、字體、控制元件位置逐條寫清(圖片來源:Qt 官方產品演示影片)。

Qt Clate 怎麼開始

沒有邀請碼,下載裝完就能用。官方文件把前十分鐘該做的事拆成了四步。

1.裝包:按系統下載對應安裝包,Beta 版無需帳號即可啓動。

2.開項目:歡迎頁新建,或用自帶示例 Welcome to Clate 摸清畫布操作。

3.畫介面:先拉一個目標解析度的框架,再往裡放形狀、文字和圖片。

4.導程式碼:匯出 QML 放進 Qt 6.12 工程,互動邏輯和資料處理自己補。

Qt Clate 現在缺什麼