Framer-Playbook
Content in Framer CMS synchronisieren und mit KI-Agenten veröffentlichen
Der Content deiner Framer-Website startet selten in Framer – er startet in Notion, Airtable oder einer Tabelle, und jemand tippt ihn ins CMS neu, bevor er auf Veröffentlichen drückt. Die Server API entfernt beide Schritte: ein Agent schreibt die Collection und liefert das Deployment aus. Hier ist der Kreislauf.
Was starke Website-Teams tun
Die Gewohnheiten hinter Framer-Websites, deren CMS nie von der Single Source of Truth abdriftet.
Das CMS als Build-Artefakt behandeln
Halte das Content-Authoring im Tool, das das Team schon nutzt, und lass einen Agenten die Framer-Collection bei jedem Sync daraus neu erzeugen.
Warum es funktioniert: Content, der von Hand kopiert wird, driftet innerhalb einer Woche; Content, der synchronisiert wird, kann es nicht.
Das Schema einmal definieren, in Code
Erstelle eine managed Collection mit expliziten Feldern (Titel, Slug, Body, Bild) und nutze sie für jeden Sync wieder, statt Collections pro Seite von Hand zu bauen.
Warum es funktioniert: Ein stabiles Schema ist das, was einem Agenten erlaubt, Quellfelder zuverlässig auf CMS-Felder abzubilden.
Veröffentlichen zum letzten Pipeline-Schritt machen
Nachdem die Items gelandet sind, erstelle ein Deployment und liefere es im selben Durchlauf in die Produktion aus.
Warum es funktioniert: Ein Sync, der vor dem Veröffentlichen aufhört, braucht immer noch einen Menschen im Loop – der Gewinn ist, den Durchlauf mit einer live geschalteten Website zu beenden.
So sieht das in der Praxis aus
Verallgemeinerte Beispiele für die Art von Teams, die diese Taktik einsetzen.
Hielt den Blog in Notion; ein Agent synchronisierte fertige Posts in eine managed Framer-Collection und veröffentlichte – die Website aktualisierte sich Minuten, nachdem ein Redakteur einen Status umschaltete.
Verband das Framer-Projekt jedes Kunden mit seinem eigenen begrenzten API-Schlüssel, sodass Content-Updates pro Kunde liefen, ohne geteilte Logins oder das Öffnen des Editors.
The examples above are generalized, illustrative descriptions of common approaches across the industry. They are not based on, attributed to, or affiliated with any specific company or individual, and are provided for educational purposes only.
Übernimm diese Vorlagen
Copy-and-paste-Startpunkte. Ersetze die Klammern durch dein eigenes Thema und leg los.
BEI SYNC: Quellzeilen lesen (Notion / Airtable / Sheets, schon in Modiva)
sicherstellen, dass managed Collection existiert → collections_create mit Feldern
items_add: ein Item pro Zeile ({id, slug, fieldData})
publish_site → Deployment in die Produktion ausgeliefert
WÖCHENTLICH: items_list vs. Quelle → Waisen mit items_remove entfernenMach es mit Modiva
So setzt du diese Strategie in die Realität um — einmal verbinden, dann über jede Plattform von einem Ort aus veröffentlichen, planen und automatisieren.
- 1
Framer mit Modiva verbinden
Melde dich bei modiva.ai an, öffne Verbindungen → Neue Verbindung und wähle Framer. Du autorisierst auf Framers eigenem Bildschirm – Modiva speichert nur einen begrenzten, verschlüsselten Token, niemals dein Passwort. Der kostenlose Tarif verbindet deine ersten drei Konten gratis.
💡 Einmal verbinden macht Framer für jeden REST-API-Aufruf und jeden MCP-Schlüssel in deinem Workspace verfügbar – du richtest OAuth nie wieder ein.
- 2
Die managed Collection erstellen
Nutze das collections_create-Tool, um eine per API beschreibbare Collection mit expliziten Feldern zu erstellen. Nur managed (per API erstellte) Collections nehmen Schreibvorgänge an, also wird diese zum Sync-Ziel – von Hand gebaute Collections bleiben lesbar, aber unberührt.
💡 Stabile Feld-IDs (title, slug, body) machen die Quelle-zu-CMS-Abbildung des Agenten deterministisch.
- 3
Items synchronisieren und veröffentlichen
Lass einen per MCP verbundenen Agenten die Content-Quelle lesen, Items mit items_add in die Collection upserten und dann publish_site aufrufen – Framer erstellt ein Deployment und liefert es im selben Durchlauf an deine Produktions-Hostnames aus.
💡 Das Veröffentlichen liefert die Live-Website aus. Bitte den Agenten, deploy=false zu übergeben, während du die Abbildung testest.
- 4
Einen KI-Agenten die Fleißarbeit erledigen lassen
Erstelle einen MCP-Schlüssel und richte deinen KI-Assistenten (Claude, Cursor oder einen beliebigen MCP-Client) auf Modiva aus. Der Agent kann Varianten entwerfen, Posts planen, Engagement abrufen und über typisierte Tools auf Kommentare antworten – über jede verbundene Plattform zugleich.
💡 Beschreibe deinem Agenten das Playbook in einfacher Sprache („synchronisiere die fertigen Notion-Posts nach Framer und veröffentliche die Website“) und lass ihn die Tools aufrufen.
FAQ
Wie funktioniert die Framer-Authentifizierung?
Mit einem projektbezogenen Server-API-Schlüssel – kein OAuth. Erstelle ihn in den Einstellungen des Projekts (Cmd+K → Einstellungen öffnen → API Keys) und füge ihn zusammen mit der Projekt-URL in Modiva ein; der Schlüssel wird im Ruhezustand verschlüsselt und ist in Framer jederzeit widerrufbar.
Kann Modiva in Collections schreiben, die ich von Hand gebaut habe?
Nein – die Server API beschränkt Schreibvorgänge auf managed Collections (per API erstellte). Von Hand gebaute Collections werden aufgelistet und sind lesbar. Erstelle mit collections_create eine managed Collection und richte den Sync darauf aus.
Überschreibt das Veröffentlichen manuelle Änderungen?
Das Veröffentlichen liefert aus, was das Projekt aktuell enthält – genau wie das Drücken von Veröffentlichen in Framer. Der Sync fasst nur die Items der managed Collection an, sodass Canvas- und Seiten-Bearbeitungen unverändert mitfahren.