Playbook de Framer
Cómo sincronizar contenido en Framer CMS y publicar con agentes de IA
El contenido de tu sitio Framer rara vez empieza en Framer: empieza en Notion, Airtable o una hoja de cálculo, y alguien lo reescribe en el CMS antes de pulsar Publicar. La Server API elimina ambos pasos: un agente escribe la colección y lanza el deploy. Este es el bucle.
Qué hacen los mejores equipos de sitios web
Los hábitos detrás de los sitios Framer cuyo CMS nunca se desvía de la fuente de verdad.
Trata el CMS como un artefacto de build
Mantén la redacción de contenido en la herramienta que el equipo ya usa y deja que un agente regenere la colección de Framer a partir de ella en cada sincronización.
Por qué funciona: El contenido copiado a mano se desvía en una semana; el contenido sincronizado no puede.
Define el esquema una vez, en código
Crea una colección gestionada con campos explícitos (título, slug, cuerpo, imagen) y reutilízala para cada sincronización en lugar de construir colecciones a mano por página.
Por qué funciona: Un esquema estable es lo que permite a un agente mapear los campos de origen a los del CMS de forma fiable.
Haz de la publicación el último paso de la pipeline
Después de que los items aterricen, crea un deployment y lánzalo a producción en la misma ejecución.
Por qué funciona: Una sincronización que se queda a las puertas de publicar todavía necesita un humano en el bucle; la victoria es terminar la ejecución con el sitio en vivo.
Cómo se ve esto en la práctica
Ejemplos generalizados del tipo de equipos que aplican esta táctica.
Mantuvo el blog en Notion; un agente sincronizaba los posts listos en una colección gestionada de Framer y publicaba: el sitio se actualizaba minutos después de que un editor girara un estado.
Conectó el proyecto Framer de cada cliente con su propia clave API acotada, de modo que las actualizaciones de contenido corrían por cliente sin logins compartidos ni abrir el 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 estas plantillas
Puntos de partida listos para copiar y pegar. Sustituye los corchetes por tu propio tema y lánzalo.
AL SINCRONIZAR: leer las filas de origen (Notion / Airtable / Sheets, ya en Modiva)
asegurar que existe la colección gestionada → collections_create con campos
items_add: un item por fila ({id, slug, fieldData})
publish_site → deployment lanzado a producción
SEMANAL: items_list vs origen → eliminar huérfanos con items_removeHazlo con Modiva
Así es como ejecutas esta jugada de verdad: conecta una vez y luego publica, programa y automatiza en todas las plataformas desde un solo lugar.
- 1
Conecta Framer con Modiva
Inicia sesión en modiva.ai, abre Conexiones → Nueva conexión y elige Framer. Autorizas en la propia pantalla de Framer: Modiva solo guarda un token acotado y cifrado, nunca tu contraseña. El plan gratuito conecta tus tres primeras cuentas sin coste.
💡 Conectar una vez deja Framer disponible para cada llamada a la API REST y cada clave MCP de tu espacio de trabajo: nunca vuelves a configurar OAuth.
- 2
Crea la colección gestionada
Usa la herramienta collections_create para hacer una colección escribible por API con campos explícitos. Solo las colecciones gestionadas (creadas por API) aceptan escrituras, así que esta se convierte en el destino de sincronización: las colecciones hechas a mano siguen siendo legibles pero intactas.
💡 Los ids de campo estables (title, slug, body) hacen determinista el mapeo de origen a CMS del agente.
- 3
Sincroniza items y publica
Haz que un agente conectado por MCP lea la fuente de contenido, haga upsert de items en la colección con items_add y luego llame a publish_site: Framer crea un deployment y lo lanza a tus hostnames de producción en la misma ejecución.
💡 Publicar lanza el sitio en vivo. Pídele al agente que pase deploy=false mientras pruebas el mapeo.
Preguntas frecuentes
¿Cómo funciona la autenticación de Framer?
Con una clave de la Server API por proyecto, sin OAuth. Créala en la configuración del proyecto (Cmd+K → abrir settings → API Keys) y pégala en Modiva junto con la URL del proyecto; la clave se cifra en reposo y es revocable desde Framer en cualquier momento.
¿Puede Modiva escribir en colecciones que construí a mano?
No: la Server API limita las escrituras a las colecciones gestionadas (las creadas a través de la API). Las colecciones hechas a mano se listan y se pueden leer. Crea una colección gestionada con collections_create y apunta la sincronización a ella.
¿Publicar sobrescribirá los cambios manuales?
Publicar lanza lo que el proyecto contiene en ese momento, igual que pulsar Publicar en Framer. La sincronización solo toca los items de la colección gestionada, así que las ediciones del canvas y de las páginas viajan sin cambios.