# Contengi for Framer. > Connect Framer to Contengi with a project API key. An on-brand AI agent that reads, writes, edits and republishes CMS items, mapped to your own fields. Source: https://contengi.com/integrations/framer Framer integration Paste a project API key and Contengi puts an agent directly on your Framer blog. It reads the items in your CMS collection, writes new ones in your voice, edits the old ones and publishes back to the same URL, without touching the design you are still working on. Project API keyAbout three minutes [Join the beta](https://app.contengi.com/beta) [Request a demo](https://contengi.com/beta-access) Read, write, publish, edit, republish ## An agent that works directly on your blog. Read ### Reads what is already live The CMS lists the items in your blog collection, newest first, with what is live and what is a draft. Open any of them, including posts you wrote in Framer, and the agent works from the real formatted text. [Content library and CMS](https://contengi.com/features/library) Write ### Writes in your brand voice The SEO agent researches the keyword, reads your knowledge base and hard rules, and drafts the post. Four slop filters run before you ever see it. [Content agents](https://contengi.com/features/content-agents) Publish ### Publishes when you say so Posts become items in the collection you choose, with the body, summary, featured image, SEO title, meta description and date in the fields you mapped. Add them to the CMS, publish the site with them, or keep them as drafts. [Content library and CMS](https://contengi.com/features/library) Edit ### Edits one section at a time Ask the edit agent to tighten an intro, add a section or fix a stat. It changes only what you asked for, checks the links and shows you a diff you can revert. [Content library and CMS](https://contengi.com/features/library) Republish ### Republishes at the same URL An edited or refreshed post goes back over the original. If Contengi cannot find that original, the publish stops, so a second copy never appears at a new address. [Content agents](https://contengi.com/features/content-agents) Claude ### Works from your own Claude too Connect Contengi to Claude and the same blog is one chat away. Claude can open a live post, edit it section by section and leave it waiting for you to publish. [Claude connector](https://contengi.com/features/claude-connector) Under the hood ## How the connection is built. Framer sites are designed by hand, so Contengi never touches the canvas. It writes into your CMS collection and only publishes the site when you ask it to and nothing else is waiting to go live. Connection Framer's Server API. Authentication A project API key from Site Settings, scoped to one project. Stored encrypted. Field mapping Contengi reads the collection's fields and suggests which take the title, body, summary, image, SEO title, meta description and date. The body needs a Formatted Text field. You confirm it once. Post address Contengi reads the path of the collection's page in your site, so links to new posts are right from the first publish. Images Featured images are re-hosted on the Framer CDN. If Framer cannot fetch one, the post is saved without it instead of failing. Publishing Add to the CMS and the post goes live at your next site publish. Or let Contengi publish the site, which it only does when no other page has unpublished changes. Or save drafts. Updates The same item is edited in place. An edit never changes the slug, so a published URL never moves. Unpublish and delete Handled in Framer. Setup: About three minutes ## Connected in four steps. Step 1 ### Create an API key In Framer open Site Settings, General, API Keys, and create a key for the project. Step 2 ### Paste it into Contengi In Settings, Integrations, add Framer. Paste the key and the project link from your browser's address bar. Step 3 ### Pick the collection Choose your blog collection and confirm the suggested field mapping and post address. Step 4 ### Choose what a publish does, then Test Add to the CMS, publish the site too, or save drafts. Test checks the key, the collection and your blog page. ## Other integrations. [All integrations](https://contengi.com/integrations) [WordPressCore REST API and an Application Password. No plugin to install.](https://contengi.com/integrations/wordpress) [ShopifyA private app on your own store with one scope: write\_content.](https://contengi.com/integrations/shopify) [WebflowData API v2 with a site token, mapped to your own collection fields.](https://contengi.com/integrations/webflow) [Claude websitesOne signed endpoint that Claude Code writes for you from a single prompt.](https://contengi.com/integrations/claude-websites) [v0 websitesOne route handler that v0 adds to your Next.js app from a single prompt.](https://contengi.com/integrations/v0-websites) FAQ ## Common questions ### Will Contengi publish my unfinished design changes? No. By default a post goes into your CMS and goes live the next time you publish in Framer. If you let Contengi publish the site, it first checks for other pages with unpublished changes. If there are any, it saves the post, skips the site publish and tells you which pages are waiting. ### Does my Framer site need a blog page? Yes. Posts live on the CMS page for your collection, such as /blog/:slug. Without one, posts are saved in the CMS but have no address. Test tells you if the page is missing. ### Can I keep posts as drafts in Framer? Yes. Set the connection to draft and new posts wait in the CMS as drafts. An edit to a post that is already live keeps it live. ### Can Contengi change the URL of a live post? No. An edit updates the same CMS item and never changes its slug, so a published address cannot move by accident. Keep exploring ## Related features and reads In the platform [### Knowledge base The brand context every post is written from.](https://contengi.com/features/knowledge-base) [### Image generation Featured images made in your brand style.](https://contengi.com/features/image-generation) From the blog [How to build an agent-friendly website](https://contengi.com/blog/how-to-build-an-agent-friendly-website) [What is a headless CMS?](https://contengi.com/blog/what-is-a-headless-cms) [Top content operating systems](https://contengi.com/blog/top-content-operating-systems) [See all posts](https://contengi.com/blog) ## Put an agent on your Framer blog. Connect your site once, with a strategist setting up your knowledge base alongside. Then write, edit and publish from one place. [Join the beta](https://app.contengi.com/beta) [Request a demo](https://contengi.com/beta-access)