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
    • Nach Figma exportieren
    • Code exportieren (HTML, React, Tailwind)
    • Nach Framer und Webflow exportieren
    • Ein Design nach WordPress bringen
    • Als PDF oder Bild exportieren
    • Nach Canva exportieren
  • 🌐Website veröffentlichen
  • 🤝Teilen & zusammenarbeiten
  • 🔌Integrationen & Entwicklung
  • 💳Tarife, Credits & Abrechnung
  • 🛠Fehlerbehebung

Kommst du nicht weiter?

Unser Team antwortet direkt aus dem Produkt heraus.

Support kontaktieren →
  1. Hilfe-Center/
  2. Export & Übergabe/
  3. Nach Framer und Webflow exportieren

Nach Framer und Webflow exportieren

Kopier einen Screen mit einem Einfügen nach Framer oder Webflow, mit erhaltener Struktur und Gestaltung.

Zuletzt aktualisiert: 27. August 2026

Auf dieser Seite

  • Framer
  • Webflow
  • Nach dem Einfügen prüfen
  • Wann statt Code-Export

Framer- und Webflow-Exporte laufen über die Zwischenablage: UXMagic erzeugt das Format, das das jeweilige Werkzeug versteht, und du fügst es auf dessen Canvas ein.

Framer#

  1. Wähl den Screen.
  2. Export → Framer.
  3. Kopier den erzeugten Inhalt.
  4. Öffne dein Framer-Projekt und füg ihn auf dem Canvas ein.

Layoutstruktur, Text und Gestaltung kommen als native Framer-Ebenen an, die du weiter bearbeiten kannst.

Webflow#

  1. Wähl den Screen.
  2. Export → Webflow.
  3. Kopier den erzeugten Inhalt.
  4. Füg ihn im Webflow Designer auf dem Canvas ein.

Du bekommst echte Webflow-Elemente mit Klassen, keinen Embed-Block.

Nach dem Einfügen prüfen#

  • Schriften — stell sicher, dass die verwendeten Schriften im Zielprojekt verfügbar sind.
  • Bilder — sie kommen per URL an; lade sie vor dem Livegang in den Asset-Manager des Ziels.
  • Interaktionen — Animationen und Interaktionen werden in Framer oder Webflow eingerichtet, nicht übernommen.

Wann statt Code-Export#

Wenn die Website von einem Team gepflegt wird, das in Framer oder Webflow lebt, füg sie dort ein. Wenn die Entwicklung sie besitzt, exportier stattdessen Code.

War dieser Artikel hilfreich?

Verwandte Artikel

Code exportieren (HTML, React, Tailwind)

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

Ein Design nach WordPress bringen

Verbinde eine WordPress-Website und veröffentliche generierte Screens dort als Seiten.

Veröffentliche deine erste Website

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

← ZurückCode exportieren (HTML, React, Tailwind)Weiter →Ein Design nach WordPress bringen

Auf dieser Seite

  • Framer
  • Webflow
  • Nach dem Einfügen prüfen
  • Wann statt Code-Export

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.