首页 > AI工具 > Qt Clate 0.6:零代码画嵌入式界面的设计工具,导出的就是 QML

Qt Clate 0.6:零代码画嵌入式界面的设计工具,导出的就是 QML

更新时间:2026-11-03 17:17:55 发布时间:1天前 阅读:7次

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 现在缺什么

相关文章