Playbook Framer
Come sincronizzare i contenuti nel CMS di Framer e pubblicare con agenti AI
I contenuti del tuo sito Framer raramente nascono in Framer: nascono in Notion, Airtable o un foglio di calcolo, e qualcuno li ridigita nel CMS prima di premere Pubblica. La Server API elimina entrambi i passaggi: un agente scrive la collection e lancia il deploy. Ecco il ciclo.
Cosa fanno i migliori team di siti web
Le abitudini dietro ai siti Framer il cui CMS non si allontana mai dalla fonte di verità.
Tratta il CMS come un artefatto di build
Tieni la scrittura dei contenuti nello strumento che il team già usa e lascia che un agente rigeneri la collection Framer a ogni sincronizzazione.
Perché funziona: I contenuti copiati a mano derivano nel giro di una settimana; quelli sincronizzati non possono.
Definisci lo schema una volta, nel codice
Crea una managed collection con campi espliciti (titolo, slug, corpo, immagine) e riusala per ogni sincronizzazione invece di costruire a mano collection per pagina.
Perché funziona: Uno schema stabile è ciò che permette a un agente di mappare in modo affidabile i campi sorgente sui campi del CMS.
Fai della pubblicazione l'ultimo passaggio della pipeline
Dopo che gli item sono arrivati, crea un deployment e lancialo in produzione nella stessa esecuzione.
Perché funziona: Una sincronizzazione che si ferma prima della pubblicazione richiede comunque una persona nel ciclo: la vittoria è concludere l'esecuzione con il sito live.
Come si traduce nella pratica
Esempi generici del tipo di team che mette in atto questa strategia.
Ha tenuto il blog in Notion; un agente sincronizzava i post pronti in una managed collection di Framer e pubblicava: il sito si aggiornava pochi minuti dopo che un editor cambiava uno stato.
Ha collegato il progetto Framer di ogni cliente con la propria API key con ambito limitato, così gli aggiornamenti di contenuto giravano per cliente senza login condivisi o aprire l'editor.
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.
Copia questi modelli
Punti di partenza pronti all'uso. Sostituisci le parentesi con il tuo argomento e vai.
ON SYNC: read source rows (Notion / Airtable / Sheets, already in Modiva)
ensure managed collection exists → collections_create with fields
items_add: one item per row ({id, slug, fieldData})
publish_site → deployment shipped to production
WEEKLY: items_list vs source → remove orphans with items_removeFallo con Modiva
Ecco come mettere in pratica questa strategia davvero — collega una volta, poi pubblica, pianifica e automatizza su ogni piattaforma da un unico posto.
- 1
Crea la managed collection
Usa lo strumento collections_create per creare una collection scrivibile via API con campi espliciti. Solo le managed collection (create via API) accettano scritture, quindi questa diventa il bersaglio della sincronizzazione: le collection costruite a mano restano leggibili ma intatte.
💡 Field id stabili (title, slug, body) rendono deterministica la mappatura sorgente-CMS dell'agente.
- 2
Sincronizza gli item e pubblica
Fai in modo che un agente collegato via MCP legga la sorgente dei contenuti, faccia l'upsert degli item nella collection con items_add, poi chiami publish_site: Framer crea un deployment e lo lancia sui tuoi hostname di produzione nella stessa esecuzione.
💡 La pubblicazione manda live il sito. Chiedi all'agente di passare deploy=false mentre testi la mappatura.
FAQ
Come funziona l'autenticazione di Framer?
Con una Server API key per progetto, senza OAuth. Creala nelle impostazioni del progetto (Cmd+K → apri impostazioni → API Keys) e incollala in Modiva con l'URL del progetto; la chiave è cifrata a riposo e revocabile da Framer in qualsiasi momento.
Modiva può scrivere su collection che ho costruito a mano?
No: la Server API limita le scritture alle managed collection (quelle create tramite API). Le collection costruite a mano vengono elencate e sono leggibili. Crea una managed collection con collections_create e punta la sincronizzazione su quella.
La pubblicazione sovrascriverà le modifiche manuali?
La pubblicazione manda live ciò che il progetto contiene in quel momento, esattamente come premere Pubblica in Framer. La sincronizzazione tocca solo gli item della managed collection, quindi le modifiche al canvas e alle pagine viaggiano insieme immutate.