UXMagic 首页
  • 功能
  • 资源库
  • 社区
  • 价格
  • 联盟计划
  • 资源
UXMagic 首页
UXMagic 首页

资源库

社区
价格
联盟计划

资源

关注我们:
  • 在 Slack 上关注我们
  • 在 Twitter 上关注我们
  • 在 LinkedIn 上关注我们
  • 在 YouTube 上关注我们
  • 在 Instagram 上关注我们
帮助中心
  • 🚀快速上手
  • ✨生成设计
  • 🎨设计与编辑
  • 📦导出与交接
  • 🌐发布线上网站
  • 🤝分享与协作
  • 🔌集成与开发者
    • UXMagic MCP 服务器
    • API 密钥
    • UXMagic 的 Figma 插件
    • GitHub 同步
    • 从 ChatGPT、Claude 等助手里使用 UXMagic
  • 💳方案、额度与账单
  • 🛠问题排查

还是卡住了?

我们的团队在产品内直接回复。

联系支持 →
  1. 帮助中心/
  2. 集成与开发者/
  3. UXMagic MCP 服务器

UXMagic MCP 服务器

把 Claude、Cursor、VS Code、Windsurf、Codex 或 Antigravity 连接到你的 UXMagic 项目。

最后更新 2026年8月27日

本页内容

  • 设置
  • 连上之后助手能做什么
  • 一个典型的工作流
  • 额度
  • 安全

模型上下文协议(MCP)是一个开放标准,让 AI 助手可以直接和外部工具对话。UXMagic 的 MCP 服务器把你的 AI 编码助手连到你真实的 UXMagic 项目上 — 于是不必再把截图粘进对话,助手读的是真正的设计。

uxmagic.ai/dashboard/project
“连接 MCP”对话框,展示支持的 IDE:Antigravity、Cursor、Codex、VS Code、Windsurf 和 Claude。
Connect MCP pairs a project with Claude, Cursor, VS Code, Windsurf, Codex or Antigravity.

设置#

  1. 打开 MCP 页面,选择你的 IDE。
  2. 生成一个 API 密钥 — 见 API 密钥。
  3. 复制生成的配置,粘贴进你 IDE 的 MCP 设置里。
  4. 如果 IDE 没有立刻识别到新服务器,重启一下。

开箱支持:Claude、Cursor、VS Code、Windsurf、Codex 和 Antigravity。任何兼容 MCP 的客户端都能用同一份配置。

连上之后助手能做什么#

读取你的成果

  • 列出你的项目,获取某个项目的详情。
  • 列出项目里的页面,获取某个页面的详情。
  • 读取页面的 HTML,读取项目主题。
  • 列出并读取项目文档(需求文档、简报)。

改动你的成果

  • 创建项目、创建页面、复制页面。
  • 对页面做定向查找替换,或替换整个页面主体。
  • 替换一张图片。
  • 把页面导出到 Figma。

生成

  • 发起一次设计生成、查询它的状态,然后确认或取消。

生成被特意设计成三步握手而不是一次调用:助手发起它、盯着它,由你决定要不要留下结果 — 这样智能体的循环就没法悄悄烧掉你的额度。

一个典型的工作流#

“读取我 Ledgerly 项目里的价格页,用我们的设计令牌把它实现成一个 React 组件。”

助手会取到真实的标记和主题,然后照着它们写代码。不用截图,不会走样,也不用把设计再描述一遍。

额度#

读取操作免费。通过 MCP 生成,消耗的额度和在应用里生成一样 — 它们用的是同一个引擎。

安全#

你的 API 密钥用于向你的账户验证这条连接。别把它放进提交的文件里,随时可以在账户设置里轮换或吊销。

常见问题

支持哪些 IDE?
Claude、Cursor、VS Code、Windsurf、Codex 和 Antigravity — 以及任何其他兼容 MCP 的客户端。
需要安装什么吗?
不需要。UXMagic 会为你的 IDE 生成配置;你把它粘贴到该 IDE 的 MCP 设置里即可。

这篇文章有帮助吗?

相关文章

API 密钥

为 MCP 服务器和 API 访问创建、轮换和吊销密钥。

导出代码(HTML、React、Tailwind)

把单个页面或整个项目导出为可上线的前端代码。

GitHub 同步

把导出的代码直接推进仓库,并用 GitHub Pages 部署。

← 上一篇社区与灵感下一篇 →API 密钥

本页内容

  • 设置
  • 连上之后助手能做什么
  • 一个典型的工作流
  • 额度
  • 安全

你的下一个想法
值得被实现

别再空想了,直接打出来。写得糙、想得半成品都没关系,我们会把它变成真实的作品。

产品

  • 社区
  • 价格方案
  • 联盟计划
  • UXMagic MCP
  • Claude MCP
  • AI 信息

资源

  • 帮助中心
  • Figma 组件库
  • React 组件库
  • 移动应用模板
  • 文档
  • 教程

功能

  • 提示词转 UI
  • 图片转 UI
  • 草图转 UI
  • 克隆网站
  • 从 Figma 导入
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • 全部功能

对比

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • 全部竞品对比

博客

  • AI 融入 UX 设计工作流:哪些方法真正有效
  • SaaS 仪表盘提示词模板
  • 我们用来生成产品流程的真实提示词
  • 写给 UX 设计师的提示词工程
  • 2026 年最佳线框图工具:10 款免费与专业版对比
  • 全部博客

公司与支持

  • 招聘
  • 联系我们
  • 隐私政策
  • 使用条款
  • Cookie 设置
  • 在 Slack 上关注我们
  • 在 Twitter 上关注我们
  • 在 LinkedIn 上关注我们
  • 在 YouTube 上关注我们
  • 在 Instagram 上关注我们

© 2026 UXMagic AI Technologies Inc.