跳到主要内容
中文系列课

Rive MCP 集成

开始使用​

你可以通过 MCP（Model Context Protocol，模型上下文协议）将 Rive 编辑器连接到支持 MCP 的 AI 工具。Rive MCP 的早期功能主要用于让 AI 处理重复性编辑任务，例如创建复杂的视图模型、包含大量状态和层的状态机、布局、形状等。

Early Access

Rive MCP 需要使用 Rive Early Access 桌面应用。当前 Early Access 应用支持 macOS 和 Windows。

备注

此功能仍处于早期阶段。当前只支持部分 AI 工具，尤其是支持 MCP 的工具。官方示例主要使用 Cursor，后续支持范围可能继续扩展。

安装​

macOS 或 Windows​

  1. 安装 Rive Early Access
    安装最新版本的 Rive Early Access 桌面应用程序。该应用可用于 macOS 和 Windows。

  2. 设置 Cursor
    创建一个 Cursor 账户并安装应用程序。

  3. 保存配置
    将下面的 JSON 片段保存到计算机中，文件名为 mcp.json。

    {
      "mcpServers": {
        "rive": {
          "url": "http://localhost:9791/sse"
        }
      }
    }

  4. 配置 MCP
    将 mcp.json 移动到 Cursor 的配置目录中。macOS 上通常是主目录下的 .cursor 文件夹。也可以使用终端复制：

    cp /path/to/mcp.json ~/.cursor

    Windows 上请根据 Cursor 当前文档使用对应的 MCP 配置位置。

  5. 在 Cursor 中启用连接
    打开 Cursor 设置，进入 MCP 区域。如果配置正确，并且 Rive Early Access 应用正在运行，你应该能看到 Rive 作为可用 MCP server。

备注

为了让 Rive MCP server 可用，你必须保持 Rive Early Access 应用处于打开状态。

有关设置 MCP 的更多信息，请参阅 Cursor MCP 文档。

它能做什么？​

一旦 Cursor 安装并完成配置，就可以开始向 AI 发出提示。

  1. 打开你的 Rive 文件并创建一个画板。
  2. 在聊天界面中输入提示并按回车。AI 会花一点时间处理请求。
  3. 请求处理完成后，按照工具提示允许 AI 对 Rive 文件进行更改。

示例提示：

创建一个关于鸟的状态机，包含 20 个状态和 2 个层

支持的功能​

当前文档强调 MCP 可以辅助完成下面这些编辑任务：

  • 创建状态机、层、状态、转换和条件。
  • 创建视图模型、属性和实例。
  • 创建布局。
  • 列出视图模型。
  • 创建形状。
备注

支持的功能列表会随着 Rive MCP 和 Early Access 应用更新继续变化。

同步来源​

本页同步自官方 MCP 文档更新：