文章总结： 本文介绍VSCode中SeedanceMCP插件的安装配置与使用流程，通过APIKey连接AceDataCloud平台，可将静态图片或文字描述生成动态视频，适用于产品原型动效预览、内部工具演示及短视频素材制作等场景，操作步骤清晰，可操作性强。 综合评分： 75 文章分类： 产品介绍

VS Code + Seedance MCP

进击的Coder

2026年9月13日 20:12 江苏

在小说阅读器读本章

去阅读

在公众号小说中沉浸阅读

你刚用 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 地址

免责声明：

本文所载程序、技术方法仅面向合法合规的安全研究与教学场景，旨在提升网络安全防护能力，具有明确的技术研究属性。

任何单位或个人未经授权，将本文内容用于攻击、破坏等非法用途的，由此引发的全部法律责任、民事赔偿及连带责任，均由行为人独立承担，本站不承担任何连带责任。

本站内容均为技术交流与知识分享目的发布，若存在版权侵权或其他异议，请通过邮件联系处理，具体联系方式可点击页面上方的联系我。

本文转载自：进击的Coder 《VS Code + Seedance MCP》