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个文件、智能体操作每天200次）、Pro 每位编辑者每月20美元（按年付费每月16美元）、Team 每月35美元（按年付费每月28美元）。运营法人未公开，创始人为 Loukman Nacik。官方网站的首页和价格页面有日语版，文档为英语（截至2026年11月）。
可解决的业务课题
「Kite」的服务详情
什么是Kite
Kite（kite.new）是一款让AI智能体与人在同一画布、同一文件中一起做设计的工具。Claude、ChatGPT、Cursor 等智能体会在你眼前往文件里绘制，团队成员也各自带着自己的指针同时编辑同一个文件。Kite 的设计本身就是 HTML 和 CSS，因此智能体写出的内容与人画出的内容是同一种格式，可以直接手动修改。
Kite 自身不使用模型来做设计。其价格页面写着"没有 AI 额度。自带智能体，只为人付费"：智能体按照用户已在订阅的 Claude、ChatGPT、Cursor 等方案运行，Kite 只按编辑文件的人的席位收费。
来源：Kite 官方网站（以下图片同）
另外，Kite（kite.new）与 kite.ai 是不同的服务。官方 FAQ 也说明，kite.ai 是另一家公司的 AI 营销工具，其价格和功能不适用于 Kite。
使用方法
- 创建账号 在 kite.new 点击"Start designing"即可免费注册。可直接在浏览器（Chrome、Safari、Firefox、Edge）中使用，也有 Mac（Apple 芯片、Intel）和 Windows 10、11 的应用。
- 连接智能体
Claude 可以在 Claude 的连接器目录中的 Kite 页面一键添加。其他工具则在填写连接器或 MCP 服务器的位置输入
https://kite.new/api/mcp。首次使用时会打开浏览器，登录 Kite 并点击"允许"即可，无需复制密钥。在 Mac、Windows 应用中，Claude Code、Codex、Cursor、Claude 无需登录即可一键添加。 - 向智能体提出需求 在平时使用的智能体应用里说明想做的东西。智能体会新建一个 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 和网页互相往来。
- Figma — 将 Figma 的框架作为可编辑图层粘贴进来，也可以用"Copy to Figma"把 Kite 的框架粘贴到 Figma
- Kite Capture — Chrome 扩展程序。点击网页或其一部分进行复制，再以框架、文字、图片的形式粘贴到 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个文件，智能体操作每天200次，编辑器全部功能，可连接任意智能体 |
| Pro | 每位编辑者 $16 | 每位编辑者 $20 | Free 的全部内容，文件和工作区不限，智能体操作不限，版本历史，优先处理反馈 |
| Team | 每位编辑者 $28 | 每位编辑者 $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 | 智能体与人在同一文件中绘制的设计画布 | 自带用户的智能体（MCP）。Kite 没有 AI 额度 | Free；Pro 每位编辑者每月$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个文件，智能体操作每天最多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，也可以用"Copy to Figma"复制 Kite 的框架，以图层形式粘贴到 Figma。
Q. 支持日语吗？ 官方网站的首页和价格页面有日语版。文档为英语。
提供方
Kite 是由创始人 Loukman Nacik 打造的服务（依据官方网站的结构化数据和首页介绍）。使用条款、隐私政策和 About 页面中没有写明运营法人的名称和地址。联系方式为 hello@kite.new。
本页面信息基于截至2026年11月官方网站、价格页面、文档、更新日志和隐私政策所公开的内容。功能和价格可能会变更，最新信息请以官方网站为准。
