Framer Website exportieren: Backup, Hosting oder Neubau

Eine Framer Website exportieren, als HTML direkt aus Framer heraus, ist nicht möglich. Es gibt keinen offiziellen Code- oder HTML-Export, und Ihr Projekt bleibt auf dem Hosting von Framer. Die veröffentlichte Website können Sie trotzdem von außen sichern: Ein Download per Crawler liefert Ihnen eine statische Offline-Kopie als ZIP, die sich gut als Backup eignet. Diese Kopie anderswo live zu hosten oder in ein React- bzw. Next.js-Projekt umzuwandeln, ist eine eigene Aufgabe mit eigenen Kompromissen. Dieser Leitfaden trennt beides und zeigt, wie Sie prüfen, ob Ihre Kopie tatsächlich funktioniert.

Kann man eine Framer Website exportieren? Was Framer offiziell erlaubt

Die Hilfe-Dokumentation von Framer sagt es deutlich: Es gibt keinen HTML-Export und keinen Code-Export. Im Editor finden Sie keinen Download-Button, der Ihnen einen Ordner mit Dateien für einen anderen Server liefert. Framer erstellt und hostet die veröffentlichte Website, und die Projektdatei lässt sich nur in Framer öffnen.

Folgendes können Sie mitnehmen:

• Die veröffentlichte Ausgabe. Framer liefert für jede Seite echtes, vorgerendertes HTML aus, dazu CSS, JavaScript, Schriften und Bilder. Alles, was ein Browser abrufen kann, kann auch ein Downloader speichern.
• Ihr eigenes Ausgangsmaterial. Bilder, Videos, Texte und Markendateien, die Sie hochgeladen haben, liegen vermutlich noch auf Ihrem Rechner oder in einem geteilten Laufwerk. Sammeln Sie sie jetzt, solange Sie sie noch haben.
• CMS-Inhalte. Einträge aus Collections werden als einzelne Seiten veröffentlicht, ein Crawl, der Ihren Links folgt, erfasst sie also. Prüfen Sie außerdem, ob Ihre Framer-Version einen strukturierten Export für Collections anbietet. Falls nicht, sind die veröffentlichten Eintragsseiten Ihr Inhaltsarchiv.

Alles, was Sie außerhalb von Framer haben möchten, beginnt also bei der live veröffentlichten Website.

Warum bleibt eine gespeicherte Framer-Seite leer oder zeigt unsichtbare Inhalte?

Framer-Websites sind React-Anwendungen, die mit vorgefertigtem HTML ausgeliefert werden. Der Server schickt eine fertige Seite, danach lädt React im Browser und hydriert dieses HTML: Es hängt sich an das vorhandene Markup und übernimmt Animationen, Hover-Effekte, Navigation und interaktive Komponenten.

In einer Offline-Kopie kann dabei zweierlei schiefgehen:

• Unsichtbare Abschnitte. Elemente mit Einblend- oder Scroll-Animationen stehen oft mit einem Startzustand im HTML, etwa mit null Deckkraft oder verschobener Position, und JavaScript animiert sie ins Bild. Laufen die Skripte nicht, sind Text und Bilder zwar in der Datei, aber niemand sieht sie. Die Seite wirkt halb leer.
• Eine leere Seite. Framer lädt sein JavaScript als ES-Module, und viele dieser Module importieren zur Laufzeit weitere Code-Chunks. Fehlt ein Chunk in der Kopie oder weigert sich der Browser, Module aus einer lokalen Datei zu laden, kann die Hydrierung scheitern. Je nachdem, wo es bricht, löscht oder überspringt React Teile der vorgerenderten Seite.

Das zweite Problem lässt sich einfach beheben. Browser behandeln Seiten, die direkt von der Festplatte geöffnet werden (file://-Adressen), strenger, und gerade Modul-Skripte werden dort oft blockiert. Stellen Sie den entpackten Ordner stattdessen über einen kleinen lokalen Webserver bereit, zum Beispiel mit python3 -m http.server 8000 im Ordner, und öffnen Sie dann http://localhost:8000. Eine Kopie, die per Doppelklick kaputt aussah, wird so oft korrekt dargestellt. Ist sie immer noch leer, fehlen Dateien. Der Artikel Heruntergeladene Website ohne Bilder und CSS zeigt, wie Sie herausfinden, welche.

Backup, Offline-Kopie oder eigenes Hosting: Was brauchen Sie wirklich?

Wer nach „Framer zu HTML“ sucht, will meist eines dieser vier Dinge. Es sind sehr unterschiedliche Aufgaben.

Brauchen Sie nur ein Framer-Backup, genügt ein statischer Download. Bewahren Sie das ZIP auf, und Sie haben einen Nachweis jeder Seite, jedes Bildes und jedes Textes. Wollen Sie Framer verlassen und eine Website behalten, die Sie weiter bearbeiten, reicht ein Backup allein nicht aus.

Option 1: Framer-Website als statische Offline-Kopie herunterladen

Im Browser mit Website Downloader

1. Öffnen Sie das Download-Formular und geben Sie Ihre veröffentlichte Adresse ein, etwa Ihre eigene Domain oder die framer.website-Adresse.
2. Starten Sie den Download. Der Fortschritt wird live angezeigt, während Seiten gefunden werden, und Sie können den Tab schließen: Der Crawl läuft auf dem Server, nicht auf Ihrem Rechner.
3. Laden Sie das ZIP herunter. Entpacken Sie es und öffnen Sie index.html, oder stellen Sie den Ordner wie oben beschrieben lokal bereit.

Viele Framer-Websites sind kleine Portfolios oder Landingpages, und der kostenlose Tarif deckt bis zu 100 Unterseiten ohne Konto ab. Das kostenlose Archiv wird nur 1 Tag aufbewahrt, speichern Sie das ZIP also sofort auf Ihrer eigenen Festplatte. Größere Websites mit umfangreichen CMS-Collections passen in den einmaligen Single-Site-Tarif (7,99 EUR, bis zu 5000 Unterseiten, 30 Tage aufbewahrt). Die weiteren Tarife finden Sie unter Preise.

Eine Einschränkung gilt hier. Inhalte, die vollständig im Browser per JavaScript aufgebaut werden, können in jeder statischen Kopie als leere Hülle enden. Framer rendert seine Seiten vor, was hilft, aber prüfen Sie das Ergebnis, bevor Sie sich darauf verlassen. Wie Sie generell eine ganze Website samt Unterseiten sichern, erklärt Komplette Website mit allen Unterseiten herunterladen.

Mit HTTrack oder wget

Desktop-Crawler funktionieren ebenfalls mit Framer-Websites, mit einem Haken. Framer liefert Bilder, Schriften und Skripte von seiner eigenen Asset-Domain framerusercontent.com aus, nicht von Ihrer Domain. Standardmäßig bleiben HTTrack und wget auf der Start-Domain, Sie müssen diesen Host also ausdrücklich zulassen. Mit wget zum Beispiel so:

wget --mirror --convert-links --adjust-extension --page-requisites --span-hosts --domains=example.com,framerusercontent.com https://example.com/

Keines der beiden Tools führt JavaScript aus. Sie speichern, was HTML und CSS direkt referenzieren, aber Code-Chunks, die Framers Module zur Laufzeit importieren, können fehlen. Genau diese Lücke verursacht die oben beschriebenen unsichtbaren Abschnitte und leeren Seiten. Einen Vergleich der Werkzeuge finden Sie unter HTTrack Alternative: Website Downloader online ohne Installation.

So prüfen Sie die Kopie, bevor Sie sich darauf verlassen

• Öffnen Sie die Startseite und drei, vier Unterseiten, darunter mindestens eine CMS-Eintragsseite.
• Scrollen Sie auf jeder Seite bis ganz nach unten. Abschnitte, die auf der Live-Website eingeblendet werden, fehlen offline als Erstes.
• Schalten Sie das WLAN aus und laden Sie neu. Verschwinden Bilder oder Schriften, hat die Kopie sie noch von der Live-Website geladen.
• Klicken Sie sich durch die Navigation und prüfen Sie, ob die Links innerhalb der Kopie bleiben.
• Vergleichen Sie die Seitenzahl mit Ihrer Live-Sitemap, die Framer unter /sitemap.xml veröffentlicht.

Option 2 und 3: Framer-zu-HTML-Konverter oder Neubau

Kostenpflichtige Konverter

Mehrere Drittanbieter verkaufen Framer-Exporter. Manche erzeugen ein statisches Paket für das Hosting auf Netlify, Vercel oder normalem Webspace. Andere erzeugen ein React- oder Next.js-Projekt. Meist leisten sie mehr als ein einfacher Mirror: Sie holen die Laufzeit-Chunks, schreiben Asset-Pfade um und flicken manchmal Formulare.

Wägen Sie die Kompromisse ab, bevor Sie bezahlen:

• Die Ausgabe bleibt Framers generierter Code, mit maschinell erzeugten Klassennamen und gebündelten Skripten. Kleine Textänderungen sind möglich, echte Redesigns mühsam.
• Ein „Next.js-Export“ liefert ein Projekt, das sich bauen lässt, aber keinen Code, den ein Entwickler von Hand geschrieben hätte. Lassen Sie sich vor dem Kauf ein Beispiel mit Ihrer eigenen Website zeigen.
• Framer ändert seine Laufzeitumgebung von Zeit zu Zeit, ein Konverter funktioniert also nur, solange sein Anbieter Schritt hält.
• Lesen Sie die Nutzungsbedingungen von Framer und des Konverters zum Betrieb von Framers Laufzeitcode auf anderem Hosting.

Neubau anderswo

Soll die Website weiter wachsen, kostet ein Neubau in einem anderen Baukasten, einem CMS oder einem Static-Site-Generator den meisten Aufwand, hinterlässt aber etwas, das Sie vollständig kontrollieren. Halten Sie das Offline-ZIP neben dem neuen Projekt offen, als pixelgenaue Vorlage und als Quelle für jeden Text und jedes Bild. Bei einer kleinen Website dauert der Neubau oft kürzer als der Kampf mit der Ausgabe eines Konverters.

Was beim Abschied von Framer nicht mitkommt

Egal welchen Weg Sie wählen: Manche Teile der Website hängen an Framers Servern und lassen sich nicht mitnehmen:

• Formulare. Framer-Formulare senden Einträge an Framers Backend. In einer statischen Kopie ist das Formular sichtbar, aber das Absenden schlägt fehl. Auf einer selbst gehosteten Website binden Sie stattdessen einen Formulardienst oder einen eigenen Endpunkt an.
• CMS-Collections. Jeder Eintrag wird als fertige Seite erfasst, eingefroren im Zustand vom Tag des Downloads. Es gibt keinen Editor, und neue Einträge erscheinen erst, wenn Sie die Website erneut herunterladen.
• Animationen und Hover-Effekte. Sie funktionieren nur, solange Framers JavaScript korrekt lädt und hydriert. Reine CSS-Hover-Zustände überleben meist, Scroll-, Einblend- und Seitenübergangseffekte sind der heikle Teil.
• Website-Suche, passwortgeschützte Seiten und alles andere, was einen Server braucht. Die Suche benötigt Framers Index, und Seiten hinter einem Passwort werden gar nicht heruntergeladen.

Domain von Framer umziehen und die SEO behalten

Wenn Sie eine Framer-Website selbst hosten oder auf eine neu gebaute Version umziehen, ändern Sie, wohin die Domain zeigt. Suchmaschinen legen Wert darauf, dass URLs und Inhalte dabei gleich bleiben.

1. Alle URLs erfassen. Speichern Sie Ihre /sitemap.xml und bewahren Sie das Offline-ZIP als Nachweis der Titel, Beschreibungen und Inhalte auf.
2. Dieselben Pfade behalten. Gibt es heute /blog/mein-beitrag, veröffentlichen Sie die Seite auf dem neuen Host unter derselben Adresse. Muss sich ein Pfad ändern, richten Sie eine dauerhafte Weiterleitung (301) vom alten Pfad ein.
3. Metadaten übernehmen. Seitentitel, Meta-Beschreibungen, Open-Graph-Bilder und Canonical-Tags sollten der alten Website entsprechen, und Canonicals müssen auf Ihre echte Domain zeigen.
4. DNS bei Ihrem Registrar umstellen. Ihre Domain ist über DNS-Einträge mit Framer verbunden. Senken Sie die TTL einen Tag vorher und ersetzen Sie dann die Framer-Einträge durch die des neuen Hosts. Lassen Sie Ihren Framer-Tarif aktiv, bis die neue Website unter der Domain erreichbar ist.
5. Google informieren. Reichen Sie die neue Sitemap in der Search Console ein und achten Sie in den folgenden Wochen auf Crawling-Fehler.

Dasselbe Muster gilt für andere Baukästen. Webflow Website herunterladen beschreibt einen ähnlichen Umzug, CMS-Seiten inklusive.

FAQ

Kann ich eine mit Framer AI erstellte Website exportieren?

Eine mit Framer AI erzeugte Website ist ein ganz normales Framer-Projekt, es gelten also dieselben Regeln: In Framer gibt es keinen HTML-Export. Sobald sie veröffentlicht ist, können Sie sie als statische Offline-Kopie herunterladen oder wie jede andere Framer-Website umwandeln bzw. neu bauen.

Funktionieren HTTrack oder wget mit Framer-Websites?

Ja, wenn Sie neben Ihrer eigenen Domain auch Framers Asset-Domain (framerusercontent.com) zulassen. Keines der Tools führt JavaScript aus, daher können zur Laufzeit geladene Code-Chunks fehlen, was sich als versteckte oder leere Abschnitte zeigt. Prüfen Sie die Kopie immer über einen lokalen Webserver, bevor Sie ihr vertrauen.

Funktionieren Framer-Animationen und Hover-Effekte nach dem Export noch?

Manchmal. Reine CSS-Hover-Zustände überleben meist, Scroll- und Einblend-Animationen brauchen aber Framers JavaScript, das korrekt laden und hydrieren muss. Klappt das nicht, bleiben animierte Elemente unsichtbar. In vielen Fällen hilft es, die Kopie über einen lokalen Webserver auszuliefern.

Darf ich die Framer-Website eines anderen kopieren?

Eine öffentliche Website zur eigenen Ansicht oder als Beweis zu sichern, wird in der Regel anders bewertet, als Design oder Inhalte erneut zu veröffentlichen, was das Urheberrecht verletzen kann. Die Regeln hängen von Ihrem Land und der konkreten Situation ab, und dies ist keine Rechtsberatung. Fragen Sie einen Anwalt, bevor Sie fremde Arbeit weiterverwenden. Mehr dazu in Ist es legal, eine Website herunterzuladen?, zur Dokumentation siehe Website als Beweis sichern.

Wie halte ich mein Framer-Backup aktuell?

Eine statische Kopie ist eine Momentaufnahme. Laden Sie die Website nach größeren Änderungen erneut herunter und bewahren Sie die datierten ZIPs auf Ihrem eigenen Speicher auf. Archive werden im kostenlosen Tarif 1 Tag und in den kostenpflichtigen Tarifen 30 Tage aufbewahrt. Speicherung und Limits erklärt die FAQ.