VS Code + Seedance MCP

你刚用 Figma 出了一版 App 的新界面设计，发到群里征求意见。产品经理回了一句：”能不能看看动态效果？”自己写代码实现一遍太费时间，但你有一张 PNG 截图就够了——交给 Seedance MCP Server，它能把静态图变成一段带动效的视频。字节跳动的模型，对中文场景尤其友好。

第 1 步：在 VS Code 中搜索并安装插件

1. 打开 VS Code 扩展市场（Cmd+Shift+X）
2. 搜索 Seedance MCP，或直接搜索扩展 ID：acedatacloud.mcp-seedance
3. 点击 Install，安装后按提示重载窗口

第 2 步：获取并填写 API Key

1. 打开 Ace Data Cloud 控制台 / Applications
2. 复制你的 API Key（同一个 Key 可用于全部 Ace Data Cloud MCP）
3. 按 Cmd+Shift+P，执行：Seedance MCP: Set Ace Data Cloud API Key
4. 粘贴 API Key，回车保存（保存在 VS Code SecretStorage / 系统钥匙串）

如果要换 Key，可执行 Seedance MCP: Clear Ace Data Cloud API Key 后重新设置。

第 3 步：验证已连通

1. 打开 GitHub Copilot Chat，切到 Agent 模式
2. 直接提需求并点名 seedance，例如：用 seedance 帮我完成这个任务
3. 首次调用时会自动走到该插件并使用你保存的 API Key

进阶：手动 mcp.json（可选）

如果你更偏好手动配置，也可以在项目里写 .vscode/mcp.json：

{
  "servers": {
    "seedance": {
      "type": "http",
      "url": "https://seedance.mcp.acedata.cloud/mcp",
      "headers": {
        "Authorization": "Bearer ${input:acedata-api-key}"
      }
    }
  },
  "inputs": [
    {
      "id": "acedata-api-key",
      "type": "promptString",
      "description": "Ace Data Cloud API Key",
      "password": true
    }
  ]
}

第 3 步：验证已连通

1. 打开 GitHub Copilot Chat，切到 Agent 模式
2. 直接提需求并点名 seedance，例如：用 seedance 帮我完成这个任务
3. 首次调用时会自动走到该插件并使用你保存的 API Key

进阶：手动 mcp.json（可选）

如果你更偏好手动配置，也可以在项目里写 .vscode/mcp.json：

{
  "servers": {
    "seedance": {
      "type": "http",
      "url": "https://seedance.mcp.acedata.cloud/mcp",
      "headers": {
        "Authorization": "Bearer ${input:acedata-token}"
      }
    }
  },
  "inputs": [
    {
      "id": "acedata-token",
      "type": "promptString",
      "description": "Ace Data Cloud API key",
      "password": true
    }
  ]
}

第 3 步：验证已连通

1. 打开 GitHub Copilot Chat，切到 Agent 模式
2. 直接提需求并点名 seedance，例如：用 seedance 帮我完成这个任务
3. 首次调用时会自动走到该插件并使用你保存的 API Key

进阶：手动 mcp.json（可选）

如果你更偏好手动配置，也可以在项目里写 .vscode/mcp.json：

{
  "servers": {
    "seedance": {
      "type": "http",
      "url": "https://seedance.mcp.acedata.cloud/mcp",
      "headers": {
        "Authorization": "Bearer ${input:acedata-token}"
      }
    }
  },
  "inputs": [
    {
      "id": "acedata-token",
      "type": "promptString",
      "description": "Ace Data Cloud API key",
      "password": true
    }
  ]
}

实际用法

产品原型的动效预览

把 Figma 设计稿导出成图片，让 Seedance 自动生成带交互动效的预览视频：

> 用这张 Dashboard 截图生成一段视频，数据图表从左到右依次出现，有淡入和数值增长的动画

给产品经理看一眼就能确认方向，省去手动实现动效的时间。

给内部工具录一段演示

你做了一个内部用的运维面板，要在周会上演示但来不及录屏：

> 生成一段视频：一个运维监控大屏上的仪表盘在实时刷新，曲线在波动，数字在跳动，深色主题

纯文字描述就能出效果，适合快速产出演示素材。

短视频素材

你运营着一个技术类的抖音账号，需要片头动画：

> 生成一段3秒的视频片头：一个发光的代码符号 </> 从模糊变清晰，背景有粒子特效，科技蓝色调

每期换个主题，Seedance 几分钟就能出一版。

工具

工具	说明
seedance_generate_video	文本/图片生成视频

其他编辑器配置

• Cursor：.cursor/mcp.json，mcpServers 下配置相同的 url 和 headers
• Claude Code — 终端命令行配置，详见 Claude Code + Seedance MCP 教程
• Claude Desktop — 详见 Claude Desktop + Seedance MCP 教程

相关链接

• Seedance MCP Server GitHub
• Ace Data Cloud 平台
• Seedance MCP Server 地址