How to Remove CMS from Framer

Updated on:

May 13, 2026

By:

Use this interactive demo to learn how to disconnect a CMS collection from your Framer project.

Quick summary

Removing a CMS collection from a Framer project involves selecting the connected component, locating the collection in the pages panel, and deleting it to keep your workspace clean and organized.

Steps

Open your Framer project to get started.
Select the layout or component that is connected to the CMS collection.
In the pages panel, find the field where the CMS collection is assigned.
Select Delete to remove the item from your design collection.
Click Delete again to confirm deletion and keep your workspace organized.
Confirm that the CMS connection has been successfully removed from that part of your project.

📌 Why this matters

Knowing how to remove a CMS collection in Framer gives designers precise control over their project structure, preventing unwanted dynamic data bindings from cluttering static layouts. Disconnecting a CMS collection cleanly ensures your Framer workspace stays organized and your components behave predictably without stale data references. This is especially valuable for teams repurposing templates or migrating content strategies, where leftover CMS connections can cause publishing errors or design inconsistencies.

Your product deserves an interactive demo

Start free

How to Add Adobe Fonts to Framer

Framer CRM Integration

How to Link to Section in Framer