Skip to main content

組込み・HMI 向け
初の AI ネイティブ
UX デザインツール

Windows版 Clate ベータ版をダウンロードする

macOS版をダウンロードするLinux版をダウンロードする

実機で動く、デザイン

Clateは、コードを書かずに、組込み・HMIアプリケーションのユーザー体験全体をデザインできる、初のAIネイティブUXデザインツールです。Qtに触れたことのないデザイナーでも違和感なく使え、開発者がそのまま実装を進められる「動作するQML」を引き渡せます。

実機に届くデザイン

デザイナーが、デザイナーのために作った

AIをワークスペースに標準搭載

Group 1739335496

Windows版 Clate ベータ版をダウンロードする

macOS版をダウンロードするLinux版をダウンロードする

インストールガイドおよびドキュメントを見る

すべてのデザインの裏に、本物のコード

HMIアプリケーションの体験をデザインしている間、Clateは裏側でデザインを自動的にQMLコードへと対応づけます。QMLは、世界中で10億台以上のデバイスを支える、Qt独自の宣言型プログラミング言語です。

開発者に共有する準備ができたら、エクスポートするだけ。開発者は静的なモックアップやPDFからデザインの意図を読み解く代わりに、コード形式のまま受け取り、内容を確認して、すぐに実装に取りかかれます。

UIデザイン向けClate AIアシスタント

AIアシスタントを使えば、無限キャンバス上またはチャットウィンドウ内で、要素や画面を直接作成できます。プロジェクトファイルに移す前に、そのまま編集を続けることも可能です。

AIモデルを選んで、次の組込みプロジェクトのデザインを始めましょう。リリース時点ではClaudeに対応しており、今後さらに多くのLLMサービスを追加予定です。

さらに、Clateには内蔵のMCPサーバーも搭載されているため、MCP対応のあらゆるアプリケーションからエージェントを接続できます。

直感的に使える、組込みHMIプロジェクト向けUXデザインツール

よく使われるデザインツールは使いやすい反面、Webやモバイル向けです。一方、組込み向けUXツールはデバイスに対応していますが、デザイナーはコードエディタでの作業を強いられます。
Clateは、前者のシンプルさと後者の専門性を兼ね備えています。 

組込みHMIアプリケーションに長年携わってきたデザイナーが開発したClateは、組込みデバイスのユーザーインターフェースを作成・編集するために必要な、直感的な操作系とパネルを備えています。 

コンポーネント、アセット、プロジェクトファイル

2026年提供予定

Clateでは、コンポーネントをゼロから作成し、プロジェクト間でインスタンスとして再利用できます。シェイプの選択と編集、色の指定、パディング、アンカー、不透明度の設定も可能です。 

作成したコンポーネントはローカルライブラリに保存でき、ビジュアルアセットのアップロードや保管もできます。複数のプロジェクトファイルを同時に作成・編集・削除でき、ファイル間でオブジェクトを移動することも可能です。

実機の動作を再現する、変数とデータバインディング

2026年提供予定

現実の体験は、見た目が美しいだけのUIでは成り立ちません。実際に機能してこそ価値があります。デザイナーであれば、UI要素がどの値と連動し、条件に応じてどう動作するのかまで定義したいはずです。 

たとえば、温度メーターの表示範囲は10〜35度で、27度を超えると赤く変わる、といった仕様があるとします。こうした情報をデザインファイル内のテキストボックスにメモとして残すのではなく、Clateなら値や振る舞いをUI要素に直接設定できます。そのため、開発者はコード上でそのまま受け取れます。

Qt Groupが提供する、組み込みおよびHMIアプリケーション向けのUXデザインツール「Clate」のデザインシステム管理のモックアップ。

デザインシステムの管理

2027年春提供予定

コンポーネントの色を変更しただけで、チーム全員が関連するすべてのデザインファイルやコードを探し回る。そんな手間は不要であるべきです。

Clateには、コンポーネントやアセット管理に加えて、本格的なデザインシステム管理機能が搭載されます。色・スペーシング・タイポグラフィのトークンとベースコンポーネントを一度定義すれば、すべてのプロジェクトで再利用できます。

Qt Groupが提供する、組み込みおよびHMIアプリケーション向けのUXデザインツール「Clate」におけるノードグラフ機能のモックアップ。

コードなしで実現する、モーションとインタラクション

2027年春提供予定

現実世界の体験は静的なものではないため、Clateではモーションとインタラクションをデザインの一部として扱います。画面、状態、コンポーネント、シグナルが、コードを一切書くことなく、単一のノードグラフ上で視覚的につながります。

アニメーションは、メニューを右クリックして作るのではなく、実際に動かして作ります。再生ヘッドを動かしながらプロパティを調整すればキーフレームが自動で追加され、「録画」ボタンを押してオブジェクトを操作すれば、その動きをClateがキーフレームに変換します。開発者は解釈し直す必要のある仕様書ではなく、実装結果と一致するアニメーションを受け取れます。 

Qt Groupが提供する、組み込みおよびHMIアプリケーション向けのUXデザインツール「Clate」のコラボレーション機能のモックアップ。

リアルタイムコラボレーション

2027年春提供予定

組込みプロジェクトは本質的にチームで進めるものです。そこでClateは、チーム全員を同じワークスペースに集めます。誰がオンラインで、何を編集しているのかをリアルタイムで確認できます。コメントはキャンバス上に直接ピン留めでき、対応が必要な人にメンションし、完了したら解決済みにできます。

あらゆる意思決定が作業そのものに紐づいて残るため、散らばったフィードバックも、検索可能な明確な記録として整理されます。キャンバスの外のやり取りを後から拾い集める必要はありません。

組込み・HMI向けUXの最新情報

FigmaからQtへ：手作業と支援ワークフローの比較

このブログは「From Figma to Qt: A Comparison Between Manual and Assisted Work...

詳しく見る

Figma to Qt 1.1: Live Preview でデザインを検証し、どこへでも展開

このブログは「Figma to Qt 1.1: Test Design Live, Ship It Anywhere」の抄訳です。 開発者が...

詳しく見る

Qt Design Studio 4.8.3 リリース

このブログは「Qt Design Studio 4.8.3 Released」の抄訳です。

詳しく見る

Clateのよくある質問

Clateとは何ですか？
Clateは、コードを書かずに、組込み・HMIアプリケーションのユーザー体験全体をデザインできる、AIネイティブのUXデザインツールです。デザイナーは使い慣れたビジュアルワークスペースで作業し、Clateが裏側で動作するQMLを生成します。そのため、デザイナーが引き渡すのは、開発者がそのまま実装に使えるコードです。

Clateはどのような人向けですか？
Clateは、医療機器、産業用オートメーション、民生用電子機器などの分野で、組込み・HMIアプリケーションを手がけるUI/UXデザイナー向けのツールです。

Clateを使うには、プログラミングの知識が必要ですか？
いいえ、必要ありません。Clateはノーコードで使えます。使い慣れたツールバーやパネルのコントロールで、組込み・HMIアプリケーションを作成できます。Clate AIアシスタントを使って、より自由にデザインを進めることも可能です。作業中は、Clateが裏側でデザインをQMLコードに対応づけています。QMLは、世界中で10億台以上のデバイスを支える、Qt独自の宣言型プログラミング言語です。デザインが完成したら、そのQMLコードを開発者に引き渡せます。

Clateはどのプラットフォームで動作しますか？
Clateは、Windows、Mac、Linuxで動作します。

ベータ期間中、Clateは無料で使えますか?
はい。Clateは現在ベータ版として提供されており、この期間中は無料でダウンロードしてご利用いただけます。

ClateはQMLコードとQtにのみ対応していますか?
現時点では、はい。ClateはQtのユーザーインターフェースを支える宣言型言語であるQMLを出力します。そのため、Clateでデザインした組込み・HMIアプリケーションは、Qtでビルド・デプロイします。

Clate、Figma to Qt、Qt Design Studioのどれを選べばいいですか？
Clateは、モックアップだけでなく、組込み・HMIアプリケーションの動作全体を自分でデザイン・制御したいUI/UXデザイナー、モーションデザイナー、ビジュアルデザイナー向けです。Figma to Qtは、すでにFigmaを使っていて満足しており、予測しやすく信頼性の高いQMLコードを出力する専用の変換ツールを求める方に適しています。Qt Design Studioは、高度な3Dユーザーインターフェースを作成する必要があり、仕上げにコードを使うことに抵抗がないテクニカルアーティスト、3Dアーティスト、フロントエンド開発者向けです。

他のデザインツールではなく、Clateを選ぶべき理由は何ですか?
組込み・HMIアプリケーションを手がけるUI/UXデザイナーが使うツールは、大きく2種類に分かれます。1つは、広く普及しているデザインツールです。使いやすい反面、Webやモバイルのデザイン向けに作られています。もう1つは、組込みUX向けの専門ツールです。こちらは、深い技術的知識とコーディングへの習熟が求められます。Clateは、前者のシンプルさと後者の専門性を兼ね備えています。

今すぐベータ版をダウンロードする

Windows版 Clate ベータ版をダウンロードする

macOS版をダウンロードするLinux版をダウンロードする