Playbook Framer
Synchroniser du contenu dans le CMS Framer et publier avec des agents IA
Le contenu de votre site Framer commence rarement dans Framer — il commence dans Notion, Airtable ou un tableur, et quelqu'un le retape dans le CMS avant d'appuyer sur Publier. La Server API supprime les deux étapes : un agent écrit la collection et livre le déploiement. Voici la boucle.
Ce que font les meilleures équipes de site
Les habitudes des sites Framer dont le CMS ne dérive jamais de la source de vérité.
Traiter le CMS comme un artefact de build
Gardez la rédaction du contenu dans l'outil que l'équipe utilise déjà et laissez un agent régénérer la collection Framer à partir de là à chaque synchronisation.
Pourquoi ça marche : Le contenu copié à la main dérive en une semaine ; le contenu synchronisé ne le peut pas.
Définir le schéma une fois, dans le code
Créez une collection gérée avec des champs explicites (titre, slug, corps, image) et réutilisez-la pour chaque synchronisation au lieu de bâtir des collections à la main par page.
Pourquoi ça marche : Un schéma stable est ce qui permet à un agent de mapper de façon fiable les champs source aux champs CMS.
Faire de la publication la dernière étape du pipeline
Une fois les éléments en place, créez un déploiement et livrez-le en production dans la même exécution.
Pourquoi ça marche : Une synchronisation qui s'arrête avant la publication a encore besoin d'un humain dans la boucle — le gain, c'est de terminer l'exécution avec le site en ligne.
Ce que ça donne en pratique
Exemples généralisés du type d'équipes qui appliquent cette tactique.
A gardé le blog dans Notion ; un agent synchronisait les articles prêts dans une collection Framer gérée et publiait — le site se mettait à jour quelques minutes après qu'un éditeur ait changé un statut.
A connecté le projet Framer de chaque client avec sa propre clé API à portée limitée, pour que les mises à jour de contenu tournent par client sans identifiants partagés ni ouverture de l'éditeur.
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.
Reprenez ces modèles
Des points de départ prêts à copier-coller. Remplacez les crochets par votre propre sujet et lancez-vous.
SUR SYNC : lire les lignes source (Notion / Airtable / Sheets, déjà dans Modiva)
s'assurer que la collection gérée existe → collections_create avec les champs
items_add : un élément par ligne ({id, slug, fieldData})
publish_site → déploiement livré en production
HEBDO : items_list vs source → retirer les orphelins avec items_removeFaites-le avec Modiva
Voici comment appliquer cette stratégie pour de vrai — connectez une fois, puis publiez, planifiez et automatisez sur chaque plateforme depuis un seul endroit.
- 1
Connecter Framer à Modiva
Connectez-vous sur modiva.ai, ouvrez Connexions → Nouvelle connexion et choisissez Framer. Vous autorisez sur l'écran de Framer lui-même — Modiva ne stocke qu'un jeton chiffré à portée limitée, jamais votre mot de passe. L'offre gratuite connecte vos trois premiers comptes sans frais.
💡 Se connecter une fois rend Framer disponible pour chaque appel d'API REST et chaque clé MCP de votre espace de travail — vous ne recâblez plus jamais OAuth.
- 2
Créer la collection gérée
Utilisez l'outil collections_create pour créer une collection accessible en écriture par l'API avec des champs explicites. Seules les collections gérées (créées par l'API) acceptent les écritures, alors celle-ci devient la cible de synchronisation — les collections bâties à la main restent lisibles mais intactes.
💡 Des id de champ stables (title, slug, body) rendent déterministe le mapping source-vers-CMS de l'agent.
- 3
Synchroniser les éléments et publier
Faites lire la source de contenu par un agent connecté en MCP, upserter les éléments dans la collection avec items_add, puis appeler publish_site — Framer crée un déploiement et le livre à vos noms d'hôte de production dans la même exécution.
💡 Publier met le site en ligne. Demandez à l'agent de passer deploy=false pendant que vous testez le mapping.
- 4
Laisser un agent IA gérer la corvée
Créez une clé MCP et pointez votre assistant IA (Claude, Cursor ou tout client MCP) vers Modiva. L'agent peut rédiger des variantes, planifier des publications, récupérer l'engagement et répondre aux commentaires via des outils typés — sur chaque plateforme connectée à la fois.
💡 Décrivez le playbook à votre agent en langage naturel (« reformate cette vidéo en 5 publications natives par plateforme et mets-les en file ») et laissez-le appeler les outils.
FAQ
Comment fonctionne l'authentification Framer ?
Avec une clé Server API par projet — pas d'OAuth. Créez-la dans les paramètres du projet (Cmd+K → ouvrir les paramètres → API Keys) et collez-la dans Modiva avec l'URL du projet ; la clé est chiffrée au repos et révocable depuis Framer à tout moment.
Modiva peut-il écrire dans les collections que j'ai bâties à la main ?
Non — la Server API limite les écritures aux collections gérées (celles créées via l'API). Les collections bâties à la main sont listées et lisibles. Créez une collection gérée avec collections_create et pointez la synchronisation dessus.
La publication va-t-elle écraser des modifications manuelles ?
Publier livre ce que le projet contient actuellement — comme d'appuyer sur Publier dans Framer. La synchronisation ne touche que les éléments de la collection gérée, donc les modifications du canvas et des pages suivent inchangées.