How to Remove CMS from Framer
- George Apostolov
How to Remove CMS from Framer: step-by-step guide
Open your Framer project.
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' to confirm deletion to keep your workspace organized.
Following these steps effectively removes the CMS connection from that part of your project.
Quick answer: To remove CMS in Framer, open your project, select the connected layout or component, and locate the assigned CMS field in the pages panel. Next, select Delete to remove the item from your design collection and click Delete again to confirm.
About this Framer tutorial
Disconnect CMS collections from your Framer project layouts and components by following these simple deletion steps. This guide shows how to remove CMS from Framer in 6 steps, starting with "Open your Framer project" and finishing with "Following these steps effectively removes the CMS connection from that part of your pro...". The interactive demo above is a click-through copy of the real Framer interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to remove CMS from Framer?
6 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Framer data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Framer. Related guides: How to Remove Made in Framer Badge, How to Scale in Framer and How to Share Framer Prototype. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
