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

资源库

社区
价格
联盟计划

资源

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

还是卡住了?

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

联系支持 →
  1. 帮助中心/
  2. 集成与开发者/
  3. GitHub 同步

GitHub 同步

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

最后更新 2026年8月27日

本页内容

  • 连接 GitHub
  • 推送代码
  • GitHub Pages
  • 好做法
  • 断开连接

连接 GitHub#

  1. 打开集成 → GitHub。
  2. 授权 UXMagic(OAuth)。
  3. 选一个已有仓库,或者让 UXMagic 创建一个。

推送代码#

  1. 选中你要的页面。
  2. 导出 → GitHub。
  3. 选择仓库和分支。
  4. 推送。导出的代码会替你提交。

再次推送会更新同一批文件,所以仓库会随着设计的演进保持同步。

GitHub Pages#

你可以直接在这个集成里用 GitHub Pages 部署推送上去的代码 — 当你希望产物放在自己的 GitHub 组织下、而不是 UXMagic 的托管上时,这适合做一个快速的公开预览。

而对于你真打算长期运行的网站,发布能给你一个像样的地址、部署历史和回滚能力。

好做法#

  • 推到分支,不要推到 main,并且看一遍 diff。
  • 把素材放进仓库。 导出的代码是按网址引用图片的;上线前先把它们下载下来。
  • 心里清楚这是前端。 没有数据层也没有路由 — 需要你自己接进应用。

断开连接#

在集成里断开。这会撤销 UXMagic 的访问权限;已经推送过的内容仍留在你的仓库里。

这篇文章有帮助吗?

相关文章

导出代码(HTML、React、Tailwind)

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

API 密钥

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

发布你的第一个网站

几分钟内把项目发布到 uxmagic.io 子域名上。

← 上一篇UXMagic 的 Figma 插件下一篇 →从 ChatGPT、Claude 等助手里使用 UXMagic

本页内容

  • 连接 GitHub
  • 推送代码
  • GitHub Pages
  • 好做法
  • 断开连接

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

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

产品

  • 社区
  • 价格方案
  • 联盟计划
  • 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.