0%

Cursor + NanoBanana MCP:谷歌 Gemini 驱动的 AI 修图,编辑器里直接用

NanoBanana 跟其他 AI 画图工具不太一样——它不只是”画一张新图”,更强的是”改一张旧图”。底层用的是 Google Gemini 模型,真正理解图片内容,可以精确编辑。

最实用的能力:扔给它两张图,让它把 A 图的产品放到 B 图的背景上,或者以 A 图的风格重画 B 图。现在通过 MCP 协议,Cursor 里一句话就能调用。

获取 API Token

使用 NanoBanana MCP Server 之前,你需要一个 AceData Cloud 的 API Token。获取方式非常简单:

  1. 打开 AceData Cloud 平台,支持 GitHub、Google 或微信登录,注册后自动获得免费额度
  2. 登录后,在首页即可看到你的 API Token,点击复制按钮即可获取

AceData Cloud 平台首页 Token

  1. 如果额度用完,可以前往 控制台 充值,支持支付宝、微信和 Stripe

一个 Token 即可使用所有 MCP Server,无需为每个服务单独申请。

配置 Cursor

在项目根目录创建 .cursor/mcp.json

1
2
3
4
5
6
7
8
9
10
11
{
"mcpServers": {
"nanobanana": {
"type": "http",
"url": "https://nanobanana.mcp.acedata.cloud/mcp",
"headers": {
"Authorization": "Bearer 你的Token"
}
}
}
}

保存后重启 Cursor,在 Agent 模式下即可使用 NanoBanana 的图片生成和编辑功能。

真实开发场景

“把这张截图美化一下”

你录了一张丑丑的终端截图,想放到博客里但嫌太素:

1
> 编辑这张图片,添加一个圆角阴影的窗口装饰,背景换成浅灰色渐变

多图合成

产品经理给了你一张产品图和一张场景图,要合成一张”产品在场景中使用”的效果图:

1
> 把第一张图中的手机放到第二张图的桌面上,调整大小和透视角度让它看起来自然

nanobanana_edit_image 支持传入多张图片 URL,AI 看得懂图片关系。

404 页面等趣味插画

1
> 生成一只小恐龙趴在破碎的地面裂缝边上往下看的插画,用作 404 页面

NanoBanana Pro 模型画插画质量不错,风格多变。

工具列表

工具 说明
nanobanana_generate_image 文本生成图片
nanobanana_edit_image 图片编辑(支持多图输入)

其他编辑器配置

  • VS Code.vscode/mcp.jsonservers 下同样配置
  • Claude Code — 终端命令行配置,详见 Claude Code + NanoBanana MCP 教程
  • Claude Desktop — 配置文件路径:macOS ~/Library/Application Support/Claude/claude_desktop_config.json,Windows %APPDATA%\Claude\claude_desktop_config.json,使用 mcpServers 格式

相关链接