Migration · Framer → Astro

Von Framer zu Astro: wenn die Seite herauswächst.

Der Wechsel von Framer zu Astro lohnt sich, sobald das Inhaltsarchiv wächst, Inhalte in die Versionskontrolle sollen oder serverseitige Logik dazukommt. Diese Seite zeigt den Ablauf und sagt, was aus Ihren Animationen wird.

Migration einschätzen lassen Wechseln oder bleiben?

Neuaufbau, kein Import

Astro dokumentiert Migrationsleitfäden für mehrere Frameworks. Framer gehört nicht dazu, das Design wird nachgebaut.

Motion wird kuratiert

Jede Animation kommt ins Inventar: übernehmen, vereinfachen oder weglassen. Pixelgleiche Reproduktion sagen wir nicht zu.

Gemessen, nicht behauptet

Core Web Vitals vor und nach dem Umzug, mit Ihren eigenen Felddaten aus dem Projekt.

00 — Eigene Projekte

Eigene Produkte, live im Browser.

Screenshots aus Mini Marvin, unserer eigenen Progressive Web App im Browser.

Mini Marvin · PWA

Babynamen swipen statt scrollen

Mini Marvin ist unsere Progressive Web App zur Namenssuche: durch über 10.000 Vornamen swipen, direkt im Browser und ohne App-Store.

Mini Marvin App – Babynamen swipen statt scrollen

Mini Marvin App – Als Paar gemeinsam entscheiden

Mini Marvin App – Filtern nach Herkunft & Beliebtheit

01 — Auf einen Blick

Framer zu Astro in vier Punkten.

Auf einen Blick

Framer ist ein gutes Werkzeug

Für einen design-getriebenen Auftritt mit überschaubarer Inhaltsmenge, gepflegt ohne Entwicklerin.
Die Frage ist, ob Ihre Seite das noch ist.

Der Wechsel lohnt sich,

Wenn das Inhaltsvolumen wächst, Inhalte in die Versionskontrolle sollen, serverseitige Logik dazukommt oder mehrere Märkte lokalisiert werden.

Der Weg ist Neuaufbau

Es gibt keinen Import, der ein Framer-Projekt in ein wartbares Astro-Repository überführt.
Inhalte und URL-Struktur ziehen um.

Danach

Liegen Ihre Inhalte in Content Collections mit Zod-Schema oder in einem Headless CMS, auf Wunsch auch per Chat pflegbar.

Lohnt sich der Wechsel bei Ihnen?

Schicken Sie uns die URL Ihrer Framer-Seite und drei Sätze zum Anlass: Inhaltsmenge, geplante Integrationen, wer die Seite pflegt.

Ersteinschätzung anfordern

02 — Entscheidung

Zu Astro wechseln oder bei Framer bleiben.

Wir bauen mit Astro und mit Webflow. Steht Ihre Lage überwiegend rechts, raten wir vom Wechsel ab.

Zu Astro wechseln, wenn …

Das Inhaltsarchiv wächst. Kategorien, Autorenprofile und Jahre an Beiträgen sprengen ein CMS, das für schlanke Marketing-Seiten gedacht ist.
Inhalte in die Versionskontrolle sollen. Mit Historie, Review vor dem Publizieren und Rücknahme per Befehl.
Serverseitiges dazukommt. Formularlogik, Preise aus einem anderen System, geschützte Bereiche, personalisierte Fragmente.
Sie Kontrolle über das Markup brauchen. Strukturierte Daten, Bildpipeline, Skript-Reihenfolge und ein Performance-Budget, das jemand durchsetzt.

Bei Framer bleiben, wenn …

Die Seite jung ist und sich alle paar Wochen grundlegend ändert. In dieser Phase schlägt Tempo im Design jede Architektur.
Motion zur Marke gehört. Trägt Bewegung die Wirkung, zahlt sich das Werkzeug aus, das genau dafür gebaut wurde.
Niemand im Team entwickelt. Ein Repository ohne Menschen, die es pflegen, ist eine neue Abhängigkeit.
Der eigentliche Wunsch ein Redesign ist. Ein neues Design ist keine Technologiefrage.

03 — Ablauf

So läuft der Umzug von Framer zu Astro.

Fünf Phasen, jede mit einem Ergebnis, das Sie prüfen können.

Inventar und Entscheidung

Seiten, Vorlagen, CMS-Sammlungen, Formulare, Sprachen und ein eigenes Inventar aller Animationen.

Messung vor dem Umzug

Lighthouse, Core Web Vitals aus Ihren Felddaten, indexierte URLs, Positionen und Conversion-Zahlen.

Content-Modell festlegen

Welche Inhalte werden Collections, welche Felder braucht jedes Schema, wer pflegt sie.

Neuaufbau in Astro

Layouts, Komponenten, Design-Tokens, Bildpipeline, Routen. Motion kehrt nach Inventarliste zurück.

Launch und Nachmessung

Weiterleitungen scharf schalten, Sitemap einreichen, danach Indexierung und Positionen mehrere Wochen beobachten.

04 — FAQ

Häufige Fragen zur Migration von Framer zu Astro.

Kann man ein Framer-Projekt nach Astro exportieren?

Nicht so, dass am Ende ein wartbares Projekt steht. Astro dokumentiert Migrationsleitfäden für eine Reihe von Frameworks, Framer gehört nicht dazu. Das Design wird als Komponenten- und Token-System nachgebaut, Inhalte, Metadaten und URL-Struktur ziehen um.

Bleiben unsere Animationen nach dem Umzug erhalten?

Die tragenden ja, neu implementiert. Seitenübergänge löst Astro mit den eingebauten View Transitions, Hover- und Zustandsbewegung läuft in CSS, aufwendige Effekte werden zu Inseln mit eigenem Ladezeitpunkt. Pixelgleiche Reproduktion sagen wir nicht zu.

Verlieren wir beim Umzug von Framer zu Astro unsere Rankings?

Nicht, wenn der Umzug geplant wird. Wir ziehen vorher alle indexierten URLs, bauen daraus eine vollständige 301-Liste, halten Titel und Überschriften der tragenden Seiten stabil und beobachten Indexierung und Positionen mehrere Wochen nach dem Go-live.

Was kostet die Migration von Framer zu Astro?

Den Rahmen bestimmen die Zahl unterschiedlicher Seitenvorlagen, der Umfang der Inhalte samt CMS-Entscheidung und die Menge an Motion, die nachgebaut werden soll. Nach dem Erstgespräch bekommen Sie eine Schätzung mit Annahmen, siehe Astro Kosten.

Wie lange dauert eine Migration von Framer zu Astro?

Ein kompakter Auftritt bis etwa zehn Seiten: 3 bis 5 Wochen ab freigegebenem Inventar. Ein gewachsener Auftritt mit Archiv, Headless CMS und zwei Sprachen: 6 bis 10 Wochen. Danach 8 bis 12 Wochen Beobachtung.

Können wir die Inhalte danach ohne Entwickler pflegen?

Ja. Über ein Headless CMS mit Masken, über Markdown im Repository oder per Chat. Wir arbeiten KI-gestützt und betreiben einen WhatsApp-KI-Agenten im Tagesgeschäft. Strukturelle Änderungen bleiben Entwicklungsarbeit.

05 — Weiterlesen

Mehr zum Astro-Cluster.

Grundlagen, Kosten und Betrieb nach dem Umzug:

Framer-Seite gewachsen? Reden wir darüber.

Schildern Sie kurz, woran es hakt: Inhaltsmenge, Integrationen, Kosten oder Performance. Sie bekommen eine Einschätzung zu Aufwand und Nutzen.

Migration anfragen

06 — Passend dazu