組み込みの画面設計で最もつらい区間は、設計案が開発者に渡ったあとに書き直される部分だ。Clate はその一歩を消そうとしている。

設計とコードが同時に進む

Clate は Qt が出した組み込み向けの画面設計ツールで、現在はベータ段階、版は 0.6。産業機器、医療機器、家電のように人と機械の接点が要る製品が対象だ。立ち位置が少し変わっている。コードは書かないが、出てくるものはコードである。設計者は図形や文字、画像を画面に置き、道具はその要素を裏で QML に対応づける。QML は Qt が画面を記述するために使う宣言的な言語で、公式によれば十億台を超える機器で動いている。

引き渡しの場面が、普通の設計ツールとの最大の分かれ目になる。書き出したあと、開発者が受け取るのは寸法と色が書き込まれた図面ではなく、そのまま開いてロジックを足していける QML のファイル群だ。設計図を見ながら描き直す仕事が圧縮され、開発者には再現の時間が、設計者には余白や文字サイズを説明し直すやり取りが戻ってくる。

画面の上で具体的にできること

作業領域は無限のキャンバスで、複数のプロジェクトファイルを作り、ファイル間で部品を移せる。左がレイヤーとページ、右がプロパティで、位置、寸法、塗り、線、グラデーション、書体、角の丸み、透明度を項目ごとに変えられる。値は目分量ではなく正確なピクセルで入る。選んだ要素は独立した窓に引き出して確認でき、変更がその場で見える。ページ全体を描き直す必要はない。

素材はローカルのライブラリに上げて、設計ファイルの間で使い回せる。取り込んだ部品は内部のレイヤーまで見え、開いて中の要素を変えられる。取り込んだ途端に中身の見えない塊になることはない。

AI 助手は作業領域の中にいる

上部のバーから助手を開き、してほしいことを日常の言葉で書くと、キャンバス上かチャット欄に要素と画面を作る。作ったあとも手で調整できる。公式の接続口は ACP で、最初に対応したモデルは Claude、利用者自身のアカウントが要る。今後は対応する提供元を増やすという。加えてローカルの MCP サーバーを内蔵し、いつも使うエージェントを繋げられる。

この考え方は、ボタン一つで絵を出すやり方とは違う。生成は出発点にすぎず、出てきたものは編集でき、取り消せることが要り、最後は納品できるプロジェクトファイルに落ちる。

いまの境界とこれからの道筋

ベータで提供されているのは完全なキャンバスと書き出しで、全体の流れにはまだ距離がある。公式の予定は比較的はっきりしている。部品の使い回しと素材のライブラリ、変数とデータの結びつけは 2026 年内に補う。設計システムの管理、動きと操作の編集、複数人での同時作業は 2027 年の春に置かれている。変数とデータの結びつけは一行だけ触れておきたい。画面が実際のデータに追従できるかを決めるからだ。温度計の目盛りが 10 から 35 度で、27 度を超えると赤くなる、といった振る舞いは今も開発者がコードで足す必要がある。

動きの設計も面白い。節点の図とキーフレームの記録を組み合わせ、物を動かせばキーフレームが自動で生まれる。あるいは記録のボタンを押して一度操作すれば、道具がそれを動きに変える。開発者に渡るのは、読み解き直す説明ではなく動きそのものだ。まだ公開されておらず、待つほかない。

いま試すべき人

ベータは無料で公開されており、Windows、macOS、Linux の三つの環境向けのインストーラが公式サイトから取れる。すでに組み込みの画面を作っていて、技術の土台が Qt のチームなら、現在の版でも設計から動くコードまでの区間を覆える。実際の案件で一度走らせてみる価値がある。ウェブとモバイルだけを設計する人にはあまり役に立たない。狙っているのは機器の画面で、ブラウザではない。

注意したいのは、そのまま完成品を作る道具ではないという点だ。画面の論理、データの接続、状態の管理は今も開発者が引き受ける。Clate が解くのは、画面がどう見えるかから、画面をどう記述するかへの変換である。

Clate は設計ツールとコードの間の壁を半分だけ崩した。設計者は QML を覚えずに済み、開発者は設計案を再現せずに済む。残る半分は、2026 年から 2027 年にかけての項目が予定どおり補えるかどうかにかかっている。