設計稿交給工程師就被重畫?Clate 想把中間這一步刪掉
摘要
嵌入式介面最貴的一段,是設計稿被工程師照著重畫一遍。Clate 讓畫布上的元素即時映射成 QML,匯出的是能直接接手的檔案,AI 生成的內容也保留可編輯。
推薦- 軟體名稱
- Clate
- 版本
- 0.6
- 收費
- 免費
- 開源
- 非開源
- 作業系統
- WindowsmacOSLinux
- 更新時間
- 2026-11-05 23:00
嵌入式介面設計裡最難受的一段,是設計稿交給工程師之後被重寫一遍。Clate 想把中間這一步刪掉。

設計與程式碼同時發生
Clate 是 Qt 推出的一款嵌入式介面設計工具,目前是 Beta 階段,版本號 0.6,面向工業設備、醫療儀器、消費電子這類需要人機介面的產品。它的定位有點特別:不寫程式,但產出的東西就是程式碼。設計師在畫布上擺圖形、文字、圖片,工具在後台把這些元素同步映射成 QML,也就是 Qt 用來描述介面的宣告式語言,官方說這套語言跑在超過十億台裝置上。
交付環節是它和常規設計工具最大的分歧。做完之後匯出專案,工程師拿到的不是一個標註了尺寸和顏色的稿子,而是一套能直接開啟、繼續往裡加邏輯的 QML 檔案。以前那種照著設計圖重畫一遍的工作被壓縮掉了,工程師省下的是還原的時間,設計師省下的是反覆解釋間距和字級的溝通。

畫布上具體能做什麼
工作區是一張無限畫布,可以在上面建多個專案檔案、在檔案之間移動物件。左側管圖層和頁面,右側是屬性面板,位置、尺寸、填色、描邊、漸層、字體、圓角、透明度都能逐項改,數值給的是精確像素,不是靠眼睛估。選中的元素可以單獨拉到獨立視窗裡預覽,改完立刻看效果,不用整頁算繪。
資源可以上傳到本機庫,在設計檔案之間重複使用。匯入的元件能看到內部圖層,拆開改裡面的元素,不至於一匯入就變成一大塊黑箱。
AI 助手放在工作區裡,不是一個外掛對話框
打開頂欄的 AI 助手,用自然語言描述想要什麼,它直接在畫布或對話窗裡生成元素和介面,生成之後還能繼續手工調。官方給的介面是 ACP,首發接入的模型是 Claude,需要使用者自己的帳號,後續會加更多服務商。另外它內建了一個本機 MCP 伺服器,可以把常用的代理接進來。
這條設計思路和 AI 一鍵出圖不太一樣:生成只是起點,產物要能繼續編輯、能復原,最終還是要落到可交付的工程檔案上。

現在的邊界和後面的路線
Beta 階段的功能是完整的畫布加匯出,但離全流程還有距離。官方路線圖寫得比較明白:元件重複使用與資產庫、變數與資料綁定計畫在 2026 年內補齊;設計系統管理、動效與互動編輯、多人即時協作排在 2027 年春季。其中變數與資料綁定值得單獨提一句,它決定介面能不能跟真實資料連動,例如溫度表盤的量程是 10 到 35 度、超過 27 度變紅,這類行為目前還需要工程師在程式裡補。
動效部分的設計也有意思:官方說要走節點圖加關鍵影格錄製,移動物件自動生成關鍵影格,或者按下錄製鍵操作一遍讓工具轉成動畫,交付給工程師的是動畫本身而不是一份要重新解讀的說明。這些還沒上線,只能等。
誰適合現在試
Beta 階段免費開放下載,提供 Windows、macOS 與 Linux 三個平台的安裝包,官網可以取得。對已經在做嵌入式介面、而且技術堆疊是 Qt 的團隊,現在的版本能覆蓋從設計到可執行程式碼這一段,值得拿來跑一個真實專案看看。對只做網頁和行動端設計的人,用處不大,它面向的是裝置螢幕,不是瀏覽器。
需要提醒的是,它不是一個能直接生成成品的工具。介面邏輯、資料接入、狀態管理仍然要工程師接手,Clate 解決的是介面長什麼樣到介面怎麼描述之間的轉換。
Clate 把設計工具和程式碼之間的那道牆拆了一半:設計師不必學 QML,工程師不必還原設計稿。剩下的一半,得看 2026 到 2027 年那幾項功能能不能按計畫補上。