Kiteは、キャンバスの実体としてHTMLとCSSを採用したデザインツールです。Model Context Protocol（MCP）を介してClaudeやCursorなどのエージェントと接続し、同一ファイル上で人間とコード生成エージェントが共同編集します。対象ユーザーはUIデザイナーやフロントエンドエンジニアです。独自フォーマットを介さず実コードを直接操作するため、設計と実装の変換乖離が起きません。コンポーネント、バリアント、変数モードなどFigma同等の編集機能を備え、ReactやTailwind形式での書き出し、Figmaとの双方向ペーストにも対応します。
最低料金¥011/12 更新無料枠ありAI PICKSスコア3.17
PRKiteと一緒に検討されているサービス
資料・
テンプレートとAIで、提案資料やバナーを短時間で仕上げられます。
AIデザイン ／ 最低料金 ¥0〜
有料にすると 毎月クレジットが付き、プラン継続中は繰り越せる（Starter $15/月 (月払い。年払いは2か月分無料)）
HTML/CSSをネイティブ描画するエージェント連携型デザインツール。MCPを介して外部エージェントと同一キャンバスを共同編集でき、Figma互換のコンポーネント管理やReact/Tailwind出力に対応します。
kite.new
Kiteの評価
5.00満点Kiteの基本スペック
Kiteとは、HTML/CSSをネイティブ描画するエージェント連携型デザインツールです。無料プランがあります。AI PICKSスコアは3.17/5.00（AIデザイン131本中128位）です。
| 提供元 | kite.new | カテゴリ | AIデザイン（128位） |
|---|---|---|---|
| 料金タイプ | フリーミアム | 無料枠 | あり |
| 日本語 | 未確認 | 対応環境 | Web |
| 主な機能 | UIデザイン／MCP／HTML/CSS／フロントエンド | ||
| 法人利用 | 個人・法人どちらも | 公式サイト | |
Kiteの日本語対応
◎ 対応 ／ △ 部分対応 ／ × 未対応 ／ ？ 未確認| 項目 | 判定 | 内容 |
|---|---|---|
| UI／メニュー | 未確認 | 未確認です。公式サイトの言語設定をご確認ください。 |
| 入出力の品質 | 対応 | 言語モデルで文章を作るツールで、日本語で指示すれば日本語で返るのが一般的です。 |
| サポート／ヘルプ | 未確認 | 未確認です。公式サイトの問い合わせ窓口をご確認ください。 |
公式サイトの表示言語などの公開情報をもとに整理した参考情報です。最新の対応状況は公式サイトでご確認ください。
掲載情報の更新履歴
- 掲載情報の更新日2026/11/12
- 画面画像の取得日2026/11/13
公式サイトなどの公開情報をもとに更新しています。日付は各項目のデータを最後に更新した日です。基準は評価方針、誤りは修正依頼から。
Kiteとは
Kiteの料金プラン
掲載情報更新 2026/11/12Kiteの料金改定をメールで受け取る
公式ページで検証した改定だけを通知します。
価格モニタリング
AI PICKS編集部は、注目ツールの料金変動を月次でモニタリングしています。Kiteは現在、月次モニタリングの対象に含まれていません。 最新の料金は公式サイトでご確認ください。
Kiteでできること
誰に向くか・何が解決するかKiteの特徴と評価
公開情報をもとに作成Kiteの評価まとめ
- 結論
- KiteはAIデザインカテゴリのツール。AI PICKSの独自スコアは3.17/5.00。
- 料金
- 無料プランあり（フリーミアム）
- 向いている
人 - AIデザインを探している人
- 強み
- キャンバスが実HTML/CSSで構成されており、ReactやTailwindへの書き出し時にレイアウト崩れが起きにくい
- 注意点
- エージェントとの連携にはMCP対応クライアントの接続設定を要する
- 主な
代替 - CLIP STUDIO PAINTなど
向いている
- ＋キャンバスが実HTML/CSSで構成されており、ReactやTailwindへの書き出し時にレイアウト崩れが起きにくい
- ＋Hosted MCPサーバーを提供しており、ClaudeやCursorなどの外部エージェントからキャンバス要素を直接編集できる
- ＋コンポーネント、バリアント、変数モード、オートレイアウトなどUI設計に必要なレイアウト機能を網羅している
- ＋Figmaとの双方向コピー＆ペーストに対応し、既存の制作アセットを移行しやすい
向いていない
- －エージェントとの連携にはMCP対応クライアントの接続設定を要する
- －チーム向けの上位プラン（Growth）は月額100ドルからと導入費用が高めに設定されている
Kite、あなたは？1タップ・匿名OK
Kiteの口コミ・評判
0件公開情報から見た良い点
- ○キャンバスが実HTML/CSSで構成されており、ReactやTailwindへの書き出し時にレイアウト崩れが起きにくい
- ○Hosted MCPサーバーを提供しており、ClaudeやCursorなどの外部エージェントからキャンバス要素を直接編集できる
- ○コンポーネント、バリアント、変数モード、オートレイアウトなどUI設計に必要なレイアウト機能を網羅している
気になる点
- ×エージェントとの連携にはMCP対応クライアントの接続設定を要する
- ×チーム向けの上位プラン（Growth）は月額100ドルからと導入費用が高めに設定されている
利用者の口コミはまだありません。最初の 1 件を書きませんか
「何に使ったか」「良かった点」「困った点」の 3 つで 100 字程度。匿名で投稿できます。
上の記述は公式サイトなどの公開情報をもとに作成したもので、利用者の口コミではありません。評価方針
投稿いただいた口コミは、編集部が事実誤認・誹謗中傷・個人情報をチェック後に公開します。匿名投稿可、投稿後の編集不可です。
Kiteを
あなたの
口コミを書くメリット
- 01ほかのユーザーの選択を手助けできる
- 02レビュアーバッジがプロフィールに付く
- 03開発元への改善フィードバックになる
Kiteの代替ツール
用途で選び直す
Kiteと代替ツールの比較
| ツール | 編集部スコア | 料金 | 日本語 |
|---|---|---|---|
| Kiteこのツール | 3.17 | 無料あり | 未確認 |
| CLIP STUDIO PAINT | 4.13 | 100円/月〜 | 対応 |
| STUDIO | 4.02 | 無料 | 未確認 |
| Adobe Express | 4.00 | 無料 | 対応 |
スコアは編集部の独自評価です。料金は調査時点の目安です。
Kiteのよくある質問
Q.Kiteとは
A.Kiteは、キャンバスの実体としてHTMLとCSSを採用したデザインツールです。Model Context Protocol（MCP）を介してClaudeやCursorなどのエージェントと接続し、同一ファイル上で人間とコード生成エージェントが共同編集します。対象ユーザーはUIデザイナーやフロントエンドエンジニアです。独自フォーマットを介さず実コードを直接操作するため、設計と実装の変換乖離が起きません。コンポーネント、バリアント、変数モードなどFigma同等の編集機能を備え、ReactやTailwind形式での書き出し、Figmaとの双方向ペーストにも対応します。
Q.Kiteは
A.はい。Kiteには無料プランがあります。上位機能は有料プランで提供されています。
Q.Kiteの
A.Kiteの代わりとしてCLIP STUDIO PAINT、STUDIO、Adobe Express、Figma Makeが候補になります。いずれも同じAIデザインカテゴリで、AI PICKSが同じ基準で採点しているツールです。
Q.Kiteの
A.キャンバスが実HTML/CSSで構成されており、ReactやTailwindへの書き出し時にレイアウト崩れが起きにくい。Hosted MCPサーバーを提供しており、ClaudeやCursorなどの外部エージェントからキャンバス要素を直接編集できる。コンポーネント、バリアント、変数モード、オートレイアウトなどUI設計に必要なレイアウト機能を網羅している。Figmaとの双方向コピー＆ペーストに対応し、既存の制作アセットを移行しやすい。
Q.Kiteの
A.エージェントとの連携にはMCP対応クライアントの接続設定を要する。チーム向けの上位プラン（Growth）は月額100ドルからと導入費用が高めに設定されている。
Kiteの次に見るページ
このページを記事・資料で紹介するとき
料金や仕様は変わるため、確認した日付と一緒に出典としてリンクしていただけると読者が最新情報にたどり着けます。
出典: AI PICKS「Kiteの料金・評判」（2026-11-12 時点） https://aipicks.jp/tool/kite
KiteはAI PICKSが独自スコアで評価し、3.17 / 5.00のスコアを付けています。 AI PICKSスコアと部門順位に応じて CATEGORY LEADER・EDITOR'S CHOICE などの称号バッジを取得でき、公式サイトに掲載すると第三者評価として信頼性を訴求できます（無料・自動更新）。
取得済みの称号
判定中…プレビュー
<a href="https://aipicks.jp/tool/kite?utm_source=badge&utm_medium=referral" target="_blank" rel="noopener">
<img src="https://aipicks.jp/api/badge?slug=kite" alt="AI PICKS 認定バッジ｜Kite" width="200" height="236" loading="lazy" />
</a>このコードを公式サイトに貼ると、AI PICKSの認定バッジが表示されます。称号・時期は編集部スコアと部門順位から自動で最新化され、貼り替えは不要です。掲載は無料です。
同カテゴリの人気ツール
CLIP STUDIO PAINTCLIP STUDIO PAINTは、イラスト、漫画、Webtoon、アニメーション制作に必要な描画・編集機能を備えたクリエイター向けペイントアプリです。
STUDIO東京発のノーコードWeb制作ツール。デザインエディタでレイアウトやアニメーションを作り、CMS・フォーム・SEO設定を使ってワンクリックで公開できる。Figmaのデザインを取り込み、ブレークポイントを自動生成する機能もある。
Adobe ExpressAdobe Expressは、SNS投稿やチラシ、動画、ロゴなどのデザイン素材をブラウザやスマホで作成できるAdobeのAIデザインツールです。テンプレートを選んで文字・画像・配色を編集でき、Adobe Stock素材やAdobe Fontsを組み合わせてブランド感のあるビジュアルを整えられます。Firefly連携の生成AIで画像生成、テンプレート生成、テキスト効果、背景削除、不要物の削除・追加、動画字幕生成などに対応します。デザイナー不在でも短時間で販促クリエイティブを作りたい中小企業、店舗、広報・SNS担当者に向いています。
Figma MakeFigma Makeは、自然言語のプロンプトや既存デザインをもとに、UIやインタラクティブなプロトタイプをコードとして素早く生成できるAIデザインツールです。