UXMagic Startseite
  • Funktionen
  • Bibliotheken
  • Community
  • Preise
  • Partnerprogramm
  • Ressourcen
UXMagic Startseite
UXMagic Startseite

Bibliotheken

Community
Preise
Partnerprogramm

Ressourcen

Folge uns auf:
  • Folge uns auf Slack
  • Folge uns auf Twitter
  • Folge uns auf LinkedIn
  • Folge uns auf YouTube
  • Folge uns auf Instagram
Hilfe-Center
  • 🚀Erste Schritte
  • ✨Designs generieren
  • 🎨Designen & bearbeiten
  • 📦Export & Übergabe
  • 🌐Website veröffentlichen
  • 🤝Teilen & zusammenarbeiten
  • 🔌Integrationen & Entwicklung
    • UXMagic MCP-Server
    • API-Schlüssel
    • Das UXMagic-Figma-Plugin
    • GitHub-Sync
    • UXMagic aus ChatGPT, Claude und anderen Assistenten nutzen
  • 💳Tarife, Credits & Abrechnung
  • 🛠Fehlerbehebung

Kommst du nicht weiter?

Unser Team antwortet direkt aus dem Produkt heraus.

Support kontaktieren →
  1. Hilfe-Center/
  2. Integrationen & Entwicklung/
  3. GitHub-Sync

GitHub-Sync

Push exportierten Code direkt in ein Repository und deploye mit GitHub Pages.

Zuletzt aktualisiert: 27. August 2026

Auf dieser Seite

  • GitHub verbinden
  • Code pushen
  • GitHub Pages
  • Gute Praxis
  • Trennen

GitHub verbinden#

  1. Geh zu Integrationen → GitHub.
  2. Autorisier UXMagic (OAuth).
  3. Wähl ein bestehendes Repository, oder lass UXMagic eines anlegen.

Code pushen#

  1. Wähl die gewünschten Screens.
  2. Export → GitHub.
  3. Wähl Repository und Branch.
  4. Push. Der exportierte Code wird für dich committet.

Erneutes Pushen aktualisiert dieselben Dateien, das Repository bleibt also im Gleichschritt mit dem Design.

GitHub Pages#

Du kannst den gepushten Code direkt aus der Integration heraus mit GitHub Pages deployen — nützlich für eine schnelle öffentliche Vorschau, wenn das Artefakt in deiner eigenen GitHub-Organisation liegen soll statt auf UXMagics Hosting.

Für eine Website, die du wirklich betreiben willst, gibt dir Veröffentlichen eine ordentliche Adresse, Deployment-Verlauf und Rollback.

Gute Praxis#

  • Push in einen Branch, nicht nach main, und sieh dir den Diff an.
  • Hol Assets ins Repository. Exportierter Code referenziert Bilder per URL; lade sie vor dem Ausliefern herunter.
  • Erwarte ein Frontend. Es gibt keine Datenschicht und kein Routing — verdrahte es in deiner App.

Trennen#

Trenn die Verbindung unter Integrationen. Das widerruft UXMagics Zugriff; bereits Gepushtes bleibt in deinem Repository.

War dieser Artikel hilfreich?

Verwandte Artikel

Code exportieren (HTML, React, Tailwind)

Exportier einen einzelnen Screen oder ein ganzes Projekt als produktionsreifen Frontend-Code.

API-Schlüssel

Schlüssel für den MCP-Server und den API-Zugriff erstellen, rotieren und widerrufen.

Veröffentliche deine erste Website

Bring ein Projekt in ein paar Minuten auf einer uxmagic.io-Subdomain live.

← ZurückDas UXMagic-Figma-PluginWeiter →UXMagic aus ChatGPT, Claude und anderen Assistenten nutzen

Auf dieser Seite

  • GitHub verbinden
  • Code pushen
  • GitHub Pages
  • Gute Praxis
  • Trennen

deine nächste idee
verdient es zu existieren

hör auf, drüber nachzudenken. tipp es einfach ein. Unfertig, halbgar, egal. Wir machen etwas Echtes daraus.

Produkt

  • Community
  • Preispläne
  • Partnerprogramm
  • UXMagic MCP
  • Claude MCP
  • KI-Infos

Ressourcen

  • Hilfe-Center
  • Figma-Bibliothek
  • React-Bibliothek
  • Mobile-App-Vorlagen
  • Dokumentation
  • Tutorials

Funktionen

  • Prompt zu UI
  • Bild zu UI
  • Skizze zu UI
  • Website klonen
  • Aus Figma importieren
  • AI Wireframe Generator
  • AI Mockup Generator
  • AI Prototype Generator
  • AI Dashboard Generator
  • Alle Funktionen

Vergleichen

  • vs. UX Pilot
  • vs. Relume
  • vs. MagicPath
  • vs. Magic Patterns
  • vs. Banani
  • vs. Galileo AI
  • vs v0
  • vs Lovable
  • vs Base44
  • Alle Wettbewerber

Blog

  • KI im UX-Design-Workflow: Was wirklich funktioniert
  • Prompt-Vorlagen für SaaS-Dashboards
  • Echte Prompts, mit denen wir Produkt-Flows generieren
  • Prompt Engineering für UX-Designer
  • Die besten Wireframing-Tools 2026: 10 kostenlose & Pro-Optionen im Vergleich
  • Alle Blogartikel

Unternehmen & Support

  • Karriere
  • Kontakt
  • Datenschutzerklärung
  • Nutzungsbedingungen
  • Cookie-Einstellungen
  • Folge uns auf Slack
  • Folge uns auf Twitter
  • Folge uns auf LinkedIn
  • Folge uns auf YouTube
  • Folge uns auf Instagram

© 2026 UXMagic AI Technologies Inc.