カイト
Kite
の使い方・機能・解決する業務課題
Kite（カイト）とは？
Kite（kite.new）は、Claude・ChatGPT・Cursor などのAIエージェントと人が、同じキャンバスの同じファイルでデザインするツール。デザインの実体は HTML と CSS で、エージェントはホスト型の MCP サーバー（https://kite.new/api/mcp、61のツール）からファイルを作り、利用者の目の前で描き、デザインシステムに沿い、チームのコメントに応える。Kite 自身はデザインにモデルを使わず AI クレジットもなく、エージェントは利用者が契約中のプランのまま接続する。オートレイアウト・コンポーネント・変数・ペンツール、Figma との相互コピー、HTML・React・Tailwind でのコピーを備え、ブラウザのほか Mac・Windows のアプリがある。料金は Free（ファイル3つ・エージェントの操作1日200回）、Pro 編集者1人月20ドル（年払いは月16ドル）、Team 月35ドル（年払いは月28ドル）。運営法人名は非公開で、創業者は Loukman Nacik。公式サイトのトップと料金ページは日本語あり、ドキュメントは英語（2026年11月時点）。
解決する業務課題
「Kite」のサービス詳細
Kiteとは
Kite（kite.new）は、AIエージェントと人が、同じキャンバスの同じファイルでデザインするツールです。Claude・ChatGPT・Cursor などのエージェントが、利用者の目の前でファイルに描き込み、チームのメンバーもそれぞれのポインターで同じファイルを同時に編集します。デザインの実体は HTML と CSS なので、エージェントが書いたものと人が描いたものは同じ形式で、そのまま手で直せます。
Kite 自身はデザインにモデルを使いません。料金ページは「AI クレジットなし。エージェントは持ち込み、払うのは人の分だけ」と打ち出しており、エージェントは利用者がすでに契約している Claude・ChatGPT・Cursor などのプランのまま動きます。Kite が料金を取るのは、ファイルを編集する人の席の分です。
出典: Kite 公式サイト（以下の画像も同様）
なお、Kite（kite.new）は kite.ai とは別のサービスです。公式の FAQ でも、kite.ai は別の会社の AI マーケターで、その料金や機能は Kite には当てはまらないと説明しています。
使い方
- アカウントを作る kite.new の「デザインを始める」から無料で登録します。ブラウザ（Chrome・Safari・Firefox・Edge）でそのまま使えるほか、Mac（Apple シリコン・Intel）と Windows 10・11 のアプリもあります。
- エージェントを接続する
Claude は、Claude のコネクタのディレクトリにある Kite のページから1クリックで追加できます。ほかのツールでは、コネクタや MCP サーバーを登録する欄に
https://kite.new/api/mcpを入れます。初回はブラウザが開き、Kite にログインして「許可」を押すだけで、キーをコピーする必要はありません。Mac・Windows のアプリでは、Claude Code・Codex・Cursor・Claude をログインなしで1クリックで追加できます。 - エージェントに頼む ふだん使っているエージェントのアプリで、作りたいものを伝えます。エージェントが Kite のファイルを作り（または名前を挙げたファイルを開き）、描き込んでリンクを返します。描いている間は、キャンバスの上に「Claude is designing Home」のように誰がどこで作業中かが表示されます。
- 手で仕上げ、コメントで頼み直す エージェントが描いたものは、レイヤーとしてそのまま手で直せます。直してほしい箇所は、コメントで「@Claude このカードをもっと詰めて」のようにエージェントの名前を挙げて頼めます。
エージェントが「描ける」デザインツール
公式の About のページは、いまはデザイナーがスクリーンショットをチャットに貼り、エージェントは実際には描けないデザインを言葉で説明している、と書いています。Kite は、チャットにキャンバスを付けたものでもキャンバスにチャットボットを付けたものでもなく、人とエージェントが同じものに手を入れる場所として作られています。
エージェントは Kite の MCP サーバーのツールを使って、ファイルを読み、HTML で描き、描いた結果を画像で見て確かめてから「終わった」と伝えます。公式によると、ツールは61種類あります。
ドキュメントには、Claude・Claude Code・ChatGPT・Codex（CLI とアプリ）・Cursor・Gemini・GitHub Copilot CLI・Grok・Manus・Muse・v0・VS Code・Antigravity の接続手順があり、それ以外の MCP クライアントも同じアドレスで接続できます。
人が使う道具も、ふつうのデザインツールとしてそろっている
公式サイトは「プロンプトの入力欄ではなく、本物のデザインツール」と打ち出しています。エージェントに任せずに、人が自分で描く道具も一通りあります。
01エディタ
レイアウトから文字・効果まで、人の手で描けます。
- レイアウト — Flex（オートレイアウト）、CSS グリッド、制約。フレームを縮めると中身ごと拡大縮小する K キー
- 描画 — ペン・鉛筆・図形、パスの結合や輪郭化
- 文字と塗り — Google Fonts・チームでアップロードしたフォント・手元のフォント、グラデーション、影、ぼかし、シェーダーとフィルター
- コンポーネントと変数 — バリアントやプロパティを持つコンポーネント、モード付きの変数、デザインシステム
02共同作業
チームとエージェントが同じファイルを同時に触ります。
- 同時編集 — 人もエージェントもそれぞれのポインターで、変更がその場で見える
- 共有とコメント — リンクを知っている人全員か、招待した人だけか。閲覧だけの人もコメントでき、ゲストは名前だけでコメントできる
- バージョン履歴 — 版を保存して、過去の版に戻せる（料金ページでは Pro の機能）
03持ち込みと書き出し
Figma や Web ページとの行き来ができます。
- Figma — Figma のフレームを編集できるレイヤーとして貼り付け、Kite のフレームを「Copy to Figma」で Figma に貼れる
- Kite Capture — Chrome 拡張機能。Web ページやその一部をクリックしてコピーし、Kite にフレーム・文字・画像として貼る
- コードと画像 — フレームを HTML・React・Tailwind としてコピー。PNG・WebP・SVG・PDF、ファイル全体は .kite で書き出し
- DESIGN.md — Google の形式の DESIGN.md を読み込むと、色・角丸・余白が変数に、文字がテキストスタイルになる（2026年11月5日の更新）
デスクトップアプリでは、エージェントが開いているファイルを把握する
Mac と Windows のアプリは、ブラウザ版と同じ Kite に、ファイルごとのタブ・分割表示・通知と、手元で動くエージェントを足したものです。アプリは自前のローカルの MCP サーバーを持ち、エージェントは利用者が開いているファイルを把握するので、リンクを渡さなくても変更を頼めます。Kite for Mac では、コメントで出した依頼を手元の Mac で Claude Code や Codex が引き受け、終わると Mac の通知が届きます。エージェントが作業中のファイルのタブには印が付きます。
Windows 版は、更新履歴によると2026年10月23日の更新で加わりました。ダウンロードページでは、Mac（Apple シリコン・Intel）と Windows（x64）のいずれも版 0.1.18 が案内されています（2026年11月時点）。
料金
| プラン | 年払い（月あたり） | 月払い | 主な内容 |
|---|---|---|---|
| Free | $0 | $0 | 編集者と閲覧者は無制限、ワークスペース1つ・ファイル3つ、エージェントの操作は1日200回、エディタの全機能、どのエージェントでも接続 |
| Pro | 編集者1人 $16 | 編集者1人 $20 | Free のすべて、ファイルとワークスペースは無制限、エージェントの操作は無制限、バージョン履歴、フィードバックを最優先で対応 |
| Team | 編集者1人 $28 | 編集者1人 $35 | Pro のすべて、SSO と SAML、管理者向けの設定、個別の契約、専任のサポートと導入支援（申し込みは hello@kite.new） |
- 料金は編集する人（編集者）の席ごとにかかります。閲覧者はどのプランでも無料です
- AI クレジットはありません。Claude・ChatGPT・Cursor などのエージェントの料金は、それぞれの提供元に別に払います
- 表示はドルです。料金ページと利用規約に、税込／税抜の記載はありません
（2026年11月時点、公式の料金ページによる）
データの扱い
プライバシーポリシー（2026年11月2日更新）によると、デザインファイルは共有するまで本人とワークスペースの中だけのもので、Kite はその中身を読まず、学習に使わず、販売もしません。エージェントを接続した場合、Kite が受け取るのはエージェントが Kite のツールに送ったものだけで、エージェントとの会話は受け取りません。エージェントのログインのトークンは7日で切れ、エージェントが更新しても最長90日までで、設定の「Agents」から接続を切るとすぐに止まります。
利用状況の把握のため、ログイン中の操作はセッションの記録として残りますが、文字はすべて伏せられ、画像は隠されると説明されています。
他のAIデザインツールとの違い
| 製品 | 種類 | AI の扱い | 料金の目安 |
|---|---|---|---|
| Kite | エージェントと人が同じファイルで描くデザインキャンバス | AI は利用者のエージェントを持ち込み（MCP）。Kite に AI クレジットなし | Free、Pro 編集者1人月$20（年払い$16） |
| Figma Make | Figma のプロンプトからコードを作るツール | Figma の AI クレジットで生成 | スターター無料、プロフェッショナルのフルシート月2,400円（年払い） |
| Stitch | Google の AI UI デザイン・フロントエンド生成（ベータ） | Gemini で UI とコードを生成 | 無料 |
| Onlook | React などの Web アプリをビジュアルで編集するツール | 内蔵の AI でアプリを生成・編集 | オープンソース版は無料 |
比較表の他製品の内容は、各製品ページに記載の確認時点の内容です。
AI にデザインを生成させるツールの多くは、そのツールの AI とクレジットを使います。Kite は、すでに使っている Claude Code や Cursor などのエージェントに、人と同じキャンバスで描かせたい人に向いています。
よくある質問
Q. Kiteは無料で使えますか。 はい。Free プランで、ワークスペース1つにファイル3つ、エージェントの操作は1日200回まで使えます。編集者と閲覧者は無制限で、エディタの機能もすべて使えます。
Q. AI の料金は別にかかりますか。 Kite には AI クレジットがなく、Kite 自身はデザインにモデルを使いません。エージェントは、利用者が契約している Claude・ChatGPT・Cursor などのプランで動くので、その料金はそれぞれの提供元に払います。
Q. どのエージェントで使えますか。 Streamable HTTP と OAuth に対応した MCP クライアントであれば接続できます。公式のドキュメントには、Claude・Claude Code・ChatGPT・Codex・Cursor・Gemini・GitHub Copilot CLI・Grok・Manus・v0・VS Code などの手順があります。
Q. Figma のデータを使えますか。 はい。Figma のフレームを、編集できるレイヤーとして Kite に貼り付けられます。逆に Kite のフレームを「Copy to Figma」でコピーし、Figma にレイヤーとして貼ることもできます。
Q. 日本語で使えますか。 公式サイトのトップと料金ページには日本語版があります。ドキュメントは英語です。
提供元
Kite は、創業者の Loukman Nacik 氏が手がけるサービスです（公式サイトの構造化データとトップの紹介による）。利用規約・プライバシーポリシー・About のページには、運営する法人の名称や所在地は書かれていません。問い合わせ先は hello@kite.new です。
本ページの情報は2026年11月時点で公式サイト・料金ページ・ドキュメント・更新履歴・プライバシーポリシーに公開されている内容にもとづきます。機能・料金は変更されることがあるため、最新の情報は公式サイトをご確認ください。
