設計稿交給工程師就被重畫?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 年那幾項功能能不能按計畫補上。

Clate下載地址
支援的作業系統: Windows macOS Linux