• Libraries
  • Community
  • Pricing
  • Affiliate
  • Resources

Libraries

Community
Pricing
Affiliate

Resources

Follow us on:
Help center
  • 🚀Get started
    • What is UXMagic?
    • Create your first project
    • The canvas, projects and screens
    • Writing a prompt that gets what you want
    • Keyboard shortcuts
    • Your account and profile
  • ✨Generate designs
  • 🎨Design & edit
  • 📦Export & handoff
  • 🌐Publish a live site
  • 🤝Share & collaborate
  • 🔌Integrations & developers
  • 💳Plans, credits & billing
  • 🛠Troubleshooting

Still stuck?

Our team answers from inside the product.

Contact support →
  1. Help center/
  2. Integrations & developers/
  3. GitHub sync

GitHub sync

Push exported code straight into a repository, and deploy with GitHub Pages.

Last updated 27 August 2026

On this page

  • Connecting GitHub
  • Pushing code
  • GitHub Pages
  • Good practice
  • Disconnecting

Connecting GitHub#

  1. Go to Integrations → GitHub.
  2. Authorise UXMagic (OAuth).
  3. Pick an existing repository, or have UXMagic create one.

Pushing code#

  1. Select the screens you want.
  2. Export → GitHub.
  3. Choose the repository and branch.
  4. Push. The exported code is committed for you.

Pushing again updates the same files, so the repo stays in step with the design as it evolves.

GitHub Pages#

You can deploy the pushed code with GitHub Pages directly from the integration — useful for a quick public preview when you want the artifact to live in your own GitHub org rather than on UXMagic's hosting.

For a site you actually intend to run, publishing gives you a proper address, deployment history and rollback.

Good practice#

  • Push to a branch, not to main, and review the diff.
  • Bring assets into the repo. Exported code references images by URL; download them before you ship.
  • Expect a front end. There's no data layer or routing — wire it into your app.

Disconnecting#

Disconnect from Integrations. That revokes UXMagic's access; anything already pushed stays in your repo.

Was this article helpful?

Related articles

Export code (HTML, React, Tailwind)

Export a single screen or a whole project as production-ready front-end code.

API keys

Create, rotate and revoke keys for the MCP server and API access.

Publish your first site

Take a project live on a uxmagic.io subdomain in a couple of minutes.

← PreviousThe UXMagic Figma pluginNext →Use UXMagic from ChatGPT, Claude and other assistants

On this page

  • Connecting GitHub
  • Pushing code
  • GitHub Pages
  • Good practice
  • Disconnecting

your next idea
deserves to exist

stop thinking about it. just type it out. Badly, half- formed, whatever. We'll turn it into something real.

Product

  • Community
  • Pricing Plans
  • Affiliate Program
  • UXMagic MCP
  • Claude MCP
  • AI info

Resources

  • Help Center
  • Figma Library
  • React Library
  • Mobile App Templates
  • Documentation
  • Tutorials

Features

  • Prompt to UI
  • Image to UI
  • Sketch to UI
  • Clone website
  • Import from Figma
  • All Features

Compare

  • vs UX Pilot
  • vs Relume
  • vs MagicPath
  • vs Magic Patterns
  • vs Banani
  • vs Galileo AI
  • All Competitors

Blogs

  • AI in UX Design Workflow: What Actually Works
  • Prompt Templates for SaaS Dashboards
  • Real Prompts We Use to Generate Product Flows
  • Prompt Engineering for UX Designers
  • Best Wireframing Tools in 2026: 10 Free & Pro Options Compared
  • All Blogs

Company & Support

  • Careers
  • Contact Us
  • Privacy Policy
  • Terms of Use
  • Cookie Settings

© 2026 UXMagic AI Technologies Inc.