前端画图(Cursor 里直接用 Midjourney 画图!AI 编程 + AI 绘画的完美结合)

前端画图(Cursor 里直接用 Midjourney 画图!AI 编程 + AI 绘画的完美结合)
Cursor 里直接用 Midjourney 画图!AI 编程 + AI 绘画的完美结合

Cursor 里直接用 Midjourney 画图!AI 编程 + AI 绘画的完美结合

写代码的时候突然需要一张配图?正在做前端页面需要素材?在 Cursor 里,你可以直接让 AI 帮你用 Midjourney 生成图片——不需要切换窗口,不需要进 Discord,一句话搞定。

这就是 MCP(Model Context Protocol)+ Midjourney 的威力。

前端画图(Cursor 里直接用 Midjourney 画图!AI 编程 + AI 绘画的完美结合)

为什么在 Cursor 里集成 Midjourney?

  • 不中断工作流——写代码时需要图片素材,直接在编辑器里生成
  • 自动融入项目——让 AI 理解你的项目上下文,生成匹配的图片
  • 批量生产——需要一组风格统一的图标/插画?一个 prompt 搞定
  • 无需 Discord——通过 API 直接调用,绕过 Discord 的繁琐操作

5 分钟配置

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

json { "mcpServers": { "midjourney": { "type": "streamable-http", "url": "https://midjourney.mcp.acedata.cloud/mcp", "headers": { "Authorization": "Bearer 你的API_TOKEN" } } } }

保存后 Cursor 会自动加载 MCP 工具。重新打开 AI 面板,就能看到 Midjourney 相关工具了。

也可以在其他编辑器中使用

VS Code (GitHub Copilot)

.vscode/mcp.json:

json { "servers": { "midjourney": { "type": "streamable-http", "url": "https://midjourney.mcp.acedata.cloud/mcp", "headers": { "Authorization": "Bearer 你的API_TOKEN" } } } }

Windsurf

.windsurf/mcp.json:

json { "mcpServers": { "midjourney": { "type": "streamable-http", "url": "https://midjourney.mcp.acedata.cloud/mcp", "headers": { "Authorization": "Bearer 你的API_TOKEN" } } } }

Cline

.cline/mcp_settings.json:

json { "mcpServers": { "midjourney": { "type": "streamable-http", "url": "https://midjourney.mcp.acedata.cloud/mcp", "headers": { "Authorization": "Bearer 你的API_TOKEN" } } } }

实战场景

场景 1:为 Landing Page 生成 Hero Image

"帮我生成一张科技感十足的 hero image,蓝紫色调,有光效粒子,适合 SaaS 产品的首页"

AI 调用 imagine 工具,根据描述生成高质量图片,你可以直接用在项目里。

场景 2:批量生成 App 图标

"帮我用 Midjourney 生成一组扁平风格的图标:设置、用户、通知、搜索、收藏。统一风格,白色背景"

场景 3:图片变体和编辑

"把这张图的背景改成森林场景" "生成这张图的 4 个变体"

AI 调用 edits 工具进行重绘或变体生成。

场景 4:图生视频

"把这张产品图做成一个 5 秒的动态展示视频"

AI 调用 video 工具,从静态图片生成短视频。

支持的工具

| 工具 | 功能 | |------|------| | imagine | 文本生成图片 | | blend | 混合多张图片 | | describe | AI 描述图片内容 | | edits | 图片编辑(局部重绘、变体) | | video | 图片生成视频 | | translate | 翻译为英文描述 |

生成模式说明

| 模式 | 速度 | 适用场景 | |------|------|---------| | fast | 快速 | 日常创作 | | turbo | 极速 | 赶工出图 | | relax | 慢速 | 批量任务,不急 |

获取 API Token

  1. 注册 AceData Cloud
  2. 进入 Midjourney API 文档
  3. 点击「Acquire」获取 Token

总结

在 Cursor/VS Code/Windsurf 里集成 Midjourney MCP,让 AI 编程助手同时成为你的设计助手。写代码的同时就能出图,开发效率直接翻倍。

试试看:https://platform.acedata.cloud

相关链接:

  • Midjourney MCP Server (GitHub)
  • Midjourney MCP Server (PyPI)
  • MCP 协议官网

文章版权声明:除非注明,否则均为边学边练网络文章,版权归原作者所有