Framer zu Webflow Migration

Von Framer zu Webflow, wenn CMS und Team größer werden

Framer ist schnell, solange wenige Leute an wenigen Seiten arbeiten. Wenn Collections, Sprachen und Editoren wachsen, bauen wir deine Website in Webflow neu und nehmen Inhalte und URLs mit.

  • 50+ B2B SaaS Teams vertrauen uns
  • 5,0 von 5 Sternen
  • 5,0 von 5 Sternen
  • 5,0 von 5 Sternen
Dauer
4–8 WochenFür eine typische SaaS-Marketingwebsite.
SEO-Risiko
NiedrigSeitenpfade bleiben meist gleich. CMS- und Sprach-URLs prüfen wir einzeln.
Inhalte
Werden übernommenCMS-Collections per CSV, Seitentexte, Bilder, Metadaten
Design und Funktionen
Werden neu gebautLayouts, Komponenten, Interactions, Code Components, Formulare
Preis
FestpreisSteht fest, sobald wir alle URLs geprüft haben.

Warum Teams wechseln

Wann Framer zu eng wird

01

Das CMS trägt mehr als den Blog

Integrationen, Use Cases, Case Studies und Glossar hängen über Referenzfelder zusammen. Webflow bildet das mit Collections, CSV-Import und einer CMS API ab, die sich an andere Systeme anbinden lässt.

02

Mehr Leute arbeiten an der Website

Product Marketing, Content und Demand Gen pflegen Seiten parallel. In Webflow trennen Rollen wie Designer, Marketer und Content Editor, wer am Design-System arbeitet und wer nur Inhalte ändert.

03

Änderungen brauchen eine Freigabe

Reviewer prüfen Seiten in Webflow per Kommentar, ohne selbst zu editieren. Auf Enterprise lässt sich für Page Branches eine Freigabe verlangen, bevor sie live gehen.

04

Sprachversionen mit eigenem Content

Mit Webflow Localization hat jede Sprache eigene CMS-Einträge und einen eigenen Ordner wie /en/. So kann ein Markt Case Studies zeigen, die es in einem anderen nicht gibt.

Framer und Webflow im Vergleich

Was sich für dein Team ändert

KriteriumFramerWebflow
Design-ArbeitFreies Canvas, sehr schnell für Layouts und Effekte.Klassen, Variablen und Komponenten, langsamer im Entwurf, stabiler im Betrieb.
Content-ModellCollections mit Referenz- und Multi-Referenzfeldern, Umfang je Plan begrenzt.Collections mit Referenzfeldern, CSV-Import und CMS API, Umfang ebenfalls je Plan.
Rollen und FreigabenRollen mit Design-, Content- und Deploy-Rechten, Staging und Branches.Designer, Marketer, Content Editor und Reviewer, auf Enterprise Freigaben vor dem Merge.
MehrsprachigkeitLocalization als Add-on mit übersetzten Seitenpfaden.Webflow Localization mit Sprachordnern und eigenen CMS-Einträgen je Sprache.
WeiterleitungenRedirects in den Site Settings mit Platzhaltern, CSV über das Plugin Redirect Sync.301-Weiterleitungen mit Platzhaltern und CSV-Import in den Site Settings.

Framer

  • Freies Canvas, sehr schnell für Layouts und Effekte.
  • Collections mit Referenz- und Multi-Referenzfeldern, Umfang je Plan begrenzt.
  • Rollen mit Design-, Content- und Deploy-Rechten, Staging und Branches.
  • Localization als Add-on mit übersetzten Seitenpfaden.
  • Redirects in den Site Settings mit Platzhaltern, CSV über das Plugin Redirect Sync.

Webflow

  • Klassen, Variablen und Komponenten, langsamer im Entwurf, stabiler im Betrieb.
  • Collections mit Referenzfeldern, CSV-Import und CMS API, Umfang ebenfalls je Plan.
  • Designer, Marketer, Content Editor und Reviewer, auf Enterprise Freigaben vor dem Merge.
  • Webflow Localization mit Sprachordnern und eigenen CMS-Einträgen je Sprache.
  • 301-Weiterleitungen mit Platzhaltern und CSV-Import in den Site Settings.

Was migriert wird

Was von Framer mitkommt

Inhalte und URLs werden migriert. Alles, was im Canvas entstanden ist, bauen wir in Webflow neu.

  • Wird migriert
  • Teilweise
  • Neu gebaut
  • Ersetzt
  • CMS-Inhalte

    Wird migriert

    Jede Collection exportieren wir per CMS Export als CSV, prüfen die Feldtypen und importieren sie in die passende Webflow Collection.

  • Seitentexte

    Teilweise

    Texte auf statischen Seiten stecken im Layout, nicht im CMS. Wir übernehmen sie seitenweise und gleichen sie mit der Live-Seite ab.

  • SEO-Daten und Redirects

    Wird migriert

    Seitentitel und Beschreibungen übernehmen wir je Seite. Bestehende Redirects holen wir per Redirect Sync als CSV und schreiben die Platzhalter auf Webflow-Syntax um.

  • Sprachversionen

    Teilweise

    Übersetzungen aus der Framer Localization übertragen wir in Webflow Localization. Ob übersetzte Slugs möglich sind, hängt vom Localization-Plan ab.

  • Layouts und Breakpoints

    Neu gebaut

    Seiten bauen wir in Webflow mit Klassen und Variablen neu, für Desktop, Tablet und Mobile.

  • Komponenten

    Neu gebaut

    Framer-Komponenten mit Varianten werden zu Webflow-Komponenten mit Properties, die dein Team ohne Designer befüllt.

  • Effekte und Code Components

    Ersetzt

    Scroll- und Hover-Effekte setzen wir mit Webflow Interactions um. Eigene React-Komponenten ersetzen wir durch Webflow-Funktionen, Apps oder Custom Code.

  • Formulare

    Neu gebaut

    Formulare und ihre Ziele, etwa HubSpot oder ein Webhook, bauen wir neu und testen jeden Versand vor dem Launch.

Für dein Marketing

Was für dein Marketing weiterläuft

Rankings sind nur ein Teil. Wir sichern auch alles, woran dein Team Leads und Pipeline misst.

Tracking und Attribution

GA4, Tag Manager, UTM-Parameter und Conversion-Events laufen ab dem ersten Tag weiter. In Webflow binden wir den Tag Manager einmal global ein, hinter deinem Consent-Banner. Vor dem Launch vergleichen wir jedes Event auf Staging mit der alten Seite.

Formulare und CRM

Framer-Formulare ersetzen wir durch Webflow-Formulare oder eingebettete HubSpot-Formulare. Felder, Hidden Fields für die Lead-Quelle und die Übergabe an HubSpot, Salesforce oder Pipedrive bleiben gleich. Testleads prüfen wir direkt im CRM.

Demo-Buchung

Demo- und Kontaktseiten, Kalender wie HubSpot Meetings, Calendly oder Chili Piper und dein Chat bleiben erreichbar. Alte Demo-URLs aus Ads, E-Mails und Sales-Decks leiten wir direkt aufs neue Ziel.

Sichtbarkeit in AI-Suche

Strukturierte Daten, klare Überschriften und eine aktuelle Sitemap sind ab dem Launch da. So finden Google und AI-Suchen wie ChatGPT oder Perplexity deine Seiten schnell wieder.

Content-Mapping

So wird Framer CMS zu Webflow CMS

In FramerIn Webflow
Framer CollectionWebflow CMS CollectionFelder aus der CSV, Typen vor dem Import geprüft
Referenz- und Multi-ReferenzfelderReferenz- und Multi-Referenzfelderim CSV über den Slug des verknüpften Eintrags
CMS-Detailseite, etwa /blog/:slugCollection-SeiteURL aus Collection-Pfad und Slug, abweichende Pfade bekommen Redirects
Komponente mit VariantenWebflow-KomponenteVarianten als Properties, Texte und Bilder pflegbar
Localization-TabelleWebflow Localizationeigene CMS-Einträge und Seitenfelder je Sprache
Statische SeitenStatische Webflow-Seitenin Ordnern, Pfade wie bisher

Ablauf

So läuft die Migration
deiner Framer-⁠Website

Ein Beispielprojekt: 6 Wochen bis zum Launch. Danach beobachten wir Rankings und Weiterleitungen noch vier Wochen.

Migration von Framer, Beispielprojekt

path digitalDein Team

Dein Team

Zugänge, Freigaben

SEO

URLs, Weiterleitungen, Tests

Umsetzung

Seiten, Inhalte in Webflow

Zeig auf einen Schritt, um zu sehen, was dort passiert.

  1. Woche 1 · Dein Team

    Kickoff

  2. Woche 1 · SEO

    Inventur in Framer

  3. Wochen 1–2 · SEO

    Content-Modell und Redirect-Plan

  4. Wochen 2–4 · Umsetzung

    Design-System in Webflow

  5. Woche 2 · Dein Team

    Freigabe Redirect-Plan

  6. Wochen 4–5 · Umsetzung

    CMS- und Sprachimport

  7. Wochen 5–6 · SEO

    SEO-Parität und QA

  8. Woche 6 · Dein Team

    Launch

  9. Nach dem Launch · SEO

    Domain umstellen und beobachten

Pre-Launch-Checkliste

Was vor dem Launch geprüft wird

Phase 1 von 4

Vor der Umsetzung

Phase 2 von 4

Während der Umsetzung

Phase 3 von 4

Vor dem Launch

Phase 4 von 4

Nach dem Launch

Ehrlich gesagt

Wann du besser bei Framer bleibst

  • Ein kleines Team pflegt die Seite

    Wenn zwei Leute alles selbst designen und veröffentlichen, bringen Rollen und Freigaben in Webflow wenig.

  • Wenige Seiten, kein strukturiertes CMS

    Eine Produktseite, ein Blog, ein paar Landingpages: Dafür reicht Framer und eine Migration kostet mehr, als sie bringt.

  • Das Design ändert sich jede Woche

    Wer ständig mit Layouts und Effekten experimentiert, ist im freien Canvas von Framer schneller als in einem Design-System.

  • Framer deckt die Abläufe schon ab

    Staging, Branches und Deploy-Rechte gibt es auch in Framer. Wenn das für dein Team reicht, löst ein Wechsel kein echtes Problem.

Was unsere Kunden sagen

  • „200% mehr Conversion-Rate seit wir die Website für unser SaaS mit path digital relaunched haben. Und mit Webflow haben wir wieder die volle Kontrolle über unsere Website, ohne auf externe Entwickler angewiesen zu sein. Das ermöglicht es uns, schnell neue Kampagnen zu launchen.“

    Cristian NogueraCristian NogueraFounder @ hellotax
  • „Wir hatten bereits in kürzester Zeit einen klaren Blick auf Struktur & Messaging der neuen Seite. Ich war überrascht, wie schnell path digital nach nur einem Meeting unsere doch umfangreiche und komplexe Lösung und Zielgruppe verstanden hat. path digital hat von der gesamten Konzeptionierung über die Entwicklung bis hin zum Design & Copy alles übernommen und wir sind mit dem Ergebnis mehr als zufrieden.“

    Andreas JustAndreas JustHead of Growth @ VOLTARO Energy
  • „Das Ergebnis: schnelle Umsetzung, klares Messaging und 200% mehr Leads.“

    Andreas PartzAndreas PartzHead of Taxfix für Arbeitgeber @ Taxfix
  • „path digital hat uns vom ersten bis zum letzten Schritt beim Relaunch unserer Website begleitet. Dabei wurde die komplette Abwicklung vom Messaging bis hin zu Design & Entwicklung in Webflow übernommen. Das Ergebnis zeigt, dass das Team sehr viel Erfahrung darin hat, komplexe SaaS Inhalte verständlich und visuell ansprechend darzustellen.“

    Artur SchreiberArtur SchreiberFounder @ ZenAdmin
  • „In enger Zusammenarbeit haben wir gemeinsam mit path digital die Vision von Storytide zum Leben gebracht. Durch eure Expertise im Bereich Strategie, Design & Entwicklung konnten wir zum Pre-Launch von Storytide über unsere Landing Page bereits über 800 Warteliste-Anmeldungen sammeln.“

    Céline Flores WillersCéline Flores WillersFounder @ Storytide
  • „AI für den Mittelstand greifbar zu machen, ist eine echte Herausforderung. Mit path digital haben wir eine Website geschaffen, die unser Produkt sinnvoll erklärt und das vor allem maßgeschneidert für unsere Zielgruppe. Besonders begeistert hat uns der Workflow: schnelle Umsetzung, präzises Ergebnis und ein Design, das genauso klar und modern ist wie wir uns es vorgestellt haben. Danke!“

    Elisabeth BachElisabeth BachMarketing Managerin @ MAIA
  • „Besonders hilfreich war der Messaging-Workshop – unsere Value Proposition sitzt jetzt deutlich besser.“

    emiliaEmilia HertkornGrowth @ PastaHR
  • „path digital hat für unser SaaS Watchwork eine Landing Page konzipiert und umgesetzt. Dabei wurde nicht nur die technische Umsetzung übernommen, sondern auch ein umfangreiches Messagingkonzept erstellt, welches wir für weitere Arbeiten benutzen können. Danke für die gute Arbeit.“

    Gabriel BökerGabriel BökerFounder @ Watchwork
  • FLEETLINK

    „Tarik und sein Team haben uns geholfen, unter hohem Zeitdruck unsere Website von WordPress zu Webflow umzuziehen. Dabei wurde ein komplett neues und modernes Design aufgesetzt mit Focus aus Customer Journey und Lead Funnel Optimierung. Besonders hervorheben möchte ich auch die schnelle und einfache Kommunikation und die Unterstützung in allen Fragen die während dem Prozess zu generellen Website-Themen aufgekommen sind. Einfach alles top! Kann ich nur wärmstens weiterempfehlen!“

    Hannah HeinzHannah HeinzHead of Marketing @ FLEETLINK

Häufige Fragen zur Migration von Framer zu Webflow

Was B2B SaaS Teams vor dem Wechsel von Framer zu Webflow wissen wollen.

Kann Webflow ein Framer-Projekt importieren?

Nein. Die CMS-Inhalte migrieren wir per CSV, Layouts und Komponenten bauen wir in Webflow neu. Dein Design kann dabei gleich bleiben.

Wie kommen unsere CMS-Inhalte aus Framer heraus?

Mit CMS Export, einem Plugin von Framer, das jede Collection als CSV-Datei ausgibt. Wir ordnen die Spalten den Webflow-Feldern zu und importieren Collection für Collection.

Was passiert mit Animationen und Code Components?

Effekte setzen wir mit Webflow Interactions neu um. Für eigene React-Komponenten suchen wir eine Webflow-Funktion, eine App oder bauen sie als Custom Code nach.

Bleiben unsere URLs gleich?

Bei statischen Seiten meist ja. CMS-Seiten liegen in Webflow unter Collection-Pfad und Slug. Wo sich dadurch etwas ändert, greift eine 301-Weiterleitung.

Was passiert mit unseren Sprachversionen?

Die Übersetzungen übertragen wir in Webflow Localization, mit eigenen CMS-Einträgen je Sprache. Welche Funktionen dein Plan enthält, etwa übersetzte Slugs, klären wir in der Inventur.

Läuft Framer bis zum Launch weiter?

Ja. Deine Website bleibt bis zum Umstellen der Domain unverändert online. Inhalte, die bis dahin entstehen, übertragen wir vor dem Launch.

Plane deine Migration
von Framer zu Webflow

Zeig uns dein Framer-Projekt. Wir sagen dir, welche Collections migriert werden, was neu gebaut wird und welche URLs eine Weiterleitung brauchen.