Skip to main content

为真实设备而设计

下载 适用于 Windows 的 Clate Beta版

下载 macOS 版下载 Linux 版

可在真实设备上运行的设计

Clate 是一款 AI 原生 UX 设计工具，无需编写代码，即可为嵌入式与 HMI 应用打造完整的用户体验。从未接触过 Qt 的设计师也能轻松上手，交付的是可直接运行的 QML 代码，开发者可在此基础上直接构建。

为真实设备而设计

由设计师打造，为设计师而生

工作区原生集成AI

Group 1739335496

下载 适用于 Windows 的 Clate Beta版

下载 macOS 版下载 Linux 版

安装指南与技术文档

设计背后，是真实可运行的代码

在设计师打磨 HMI 应用体验的同时，Clate 会在后台将设计同步为 QML 代码。QML 是 Qt 自有的声明式编程语言，已在全球超过 10 亿台设备上运行。

设计完成、准备交给开发团队时，直接导出即可。开发者拿到的是代码，可以直接审阅并在此基础上开发，无需再从静态原型图或 PDF 中揣摩设计意图。

Clate AI Assistant：AI 驱动的 UI 设计助手

借助 AI Assistant，可直接在无限画布或聊天窗口中生成元素与界面，编辑完善后再移入项目文件。

选定 AI 模型，即可开始设计下一个嵌入式项目。Clate 首发支持 Claude，更多 LLM 服务选项即将推出。

此外，Clate 内置 MCP 服务器，任何支持 MCP 的应用均可接入其智能体。

面向嵌入式 HMI 项目的直观 UX 设计工具

主流设计工具虽然上手容易，但面向的是 Web 和移动端设计。嵌入式 UX 工具虽面向设备，却迫使设计师面对代码编辑器。

Clate 兼具前者的简单易用与后者的专注聚焦。

Clate 由深耕嵌入式 HMI 应用多年的设计师打造，提供直观的控件与面板，满足为嵌入式设备设计和编辑用户界面的需要。

组件、素材与项目文件

将于2026年推出

在 Clate 中，可从头创建组件，并以实例形式在多个项目中复用。可选择并编辑形状、选取颜色，设置内边距、锚点与不透明度。

组件可保存到本地库，视觉素材也可上传并存放其中。支持同时创建、编辑和删除多个项目文件，并在文件之间移动对象。

用变量与数据绑定还原真实设备行为

将于2026年推出

真实的使用体验不止于好看的界面，更要真正实用。设计师需要定义每个 UI 元素关联哪些数值，以及它们在不同条件下如何表现。

例如，温度表量程为 10 至 35 度，超过 27 度时变为红色。到 UI 元素上，开发者在代码中即可直接获取。这类信息无需再写进设计文件的文本框，Clate 可直接将数值与行为关联到 UI 元素上，开发者即可在代码中直接获取。

这是 Clate 设计系统管理的原型，Clate 是 Qt Group 推出的一款面向嵌入式和 HMI 应用的用户体验设计工具。

设计系统管理

将于2027年春季推出

修改组件的颜色，不该让整个团队翻遍所有相关的设计文件与每一行代码。

在组件与素材之外，Clate 还将提供完善的设计系统管理：颜色、间距与字体排版的设计 tokens，以及基础组件，一次定义，即可在项目各处复用。

Clate 中节点图功能的原型图，Clate 是 Qt Group 开发的一款面向嵌入式和 HMI 应用的用户体验设计工具。

无需代码，实现动效与交互

将于2027年春季推出

真实的使用体验并非静态，因此 Clate 将动效与交互视为设计的一部分。界面、状态、组件与信号在同一张节点图上可视化连接，全程无需编写代码。

动画通过直接移动对象来制作，而非在右键菜单中层层点选：播放头移动时调整某个属性，关键帧便自动添加；也可以点击“录制”，直接操作对象，由 Clate 将操作转换为关键帧。开发者拿到的不再是需要重新解读的规格说明，而是与实际构建效果一致的动画。

Qt Group 推出的面向嵌入式和 HMI 应用的用户体验设计工具 Clate 的协作功能原型。

实时协作

将于2027年春季推出

嵌入式项目天然需要协作，Clate 将整个团队汇聚在同一个工作区中。谁在线、正在编辑什么，实时可见。评论可直接钉在画布上，@ 需要处理的同事，处理完毕即可标记为已解决。

每一项决策都与设计本身绑定，零散的反馈由此沉淀为清晰、可检索的记录，而非散落在画布之外、事后还需拼凑还原的对话。

演员表 (2)

网络研讨会预告：How to Design Production Ready UX

立即报名

嵌入式与 HMI 应用 UX 动态速递

Meet Clate: the First Design Tool for Real-World Experiences

Clate Beta is out today, free for everyone. It's a no-code, AI-native ...

阅读更多

From Figma to Qt: A Comparison Between Manual and Assisted Workflows

We know that one of the biggest challenges for embedded UI/UX designer...

阅读更多

Figma to Qt 1.1: Test Design Live, Ship It Anywhere

Click, drag, and tweak your design in Live Preview before a developer ...

阅读更多

Clate 的常见问题解答

Clate是什么？
Clate 是一款 AI 原生 UX 设计工具，无需编写代码，即可为嵌入式与 HMI 应用打造完整的用户体验。设计师在熟悉的可视化工作区中操作，Clate 在后台同步生成可运行的 QML 代码，设计师交付的就是开发者可以直接在其上构建的代码。

Clate 适合哪些人使用？
Clate 面向医疗、工业自动化和消费电子领域中，从事嵌入式与 HMI 应用的 UI/UX 设计师。

使用 Clate 需要懂代码吗？
不需要，Clate 是无代码工具。借助熟悉的工具栏和各面板中的控件，即可构建嵌入式或 HMI 应用；也可以借助 Clate AI Assistant 释放创意。在设计过程中，Clate 会在后台将设计匹配为 QML 代码。QML 是 Qt 自有的声明式编程语言，已在全球超过 10 亿台设备上运行。设计完成后，交付给开发者的就是这些代码。

Clate 支持哪些操作系统？
Clate 可在 Windows、Mac 和 Linux 上运行。

Clate 在 Beta 期间免费吗？
Clate 目前处于 Beta 阶段，在此期间可免费下载和使用。

Clate 是否只支持 QML 代码和 Qt？
目前是的。Clate 输出的是 QML，即 Qt 用户界面背后的声明式语言，因此用 Clate 设计的嵌入式与 HMI 应用均基于 Qt 构建和部署。

Clate、Figma to Qt 和 Qt Design Studio 有什么区别？
Clate 面向 UI/UX、动效和视觉设计师，适合希望全面掌控嵌入式与 HMI 应用完整行为、而不只停留在视觉原型的团队。Figma to Qt 适合已在使用 Figma 且用得顺手、需要一款专用转换工具来稳定可靠地生成 QML 代码的用户。Qt Design Studio 面向技术美术、3D 美术和前端开发者，适合需要打造高级 3D 用户界面、且习惯用代码完成最终实现的用户。

为什么选择 Clate，而不是其他设计工具？
从事嵌入式与 HMI 应用的 UI/UX 设计师通常使用两类工具：一类是主流设计工具，上手容易，但为 Web 和移动端设计而生；另一类是嵌入式 UX 专用工具，要求具备较深的技术功底和编码经验。Clate 兼具前者的简单易用与后者的专注聚焦。

立即下载测试版

下载 适用于 Windows 的 Clate Beta版

下载 macOS 版下载 Linux 版