A design-first CMS that’s simple to start, powerful to grow with, and packed with features like inline editing, SEO optimization, and seamless collaboration.

Framer’s CMS keeps your site's content all in one place, making it easy to create, organize, and update.

Build a free website with Framer—enjoy full design freedom, powerful CMS, built-in SEO, and real-time collaboration. Create professional, fully custom sites with the no-code builder loved by designers and high-performing teams.

Generate dynamic content with the built-in content management system.

January 28, 2026 - Instead of creating a new element for every item, you define the structure once and then manage the content directly inside the CMS. In Framer, CMS content is organized into collections.

Scale your web design projects with Framer's professional-grade tools: intuitive CMS for content management, built-in SEO optimization, and global performance features. Powerful capabilities with designer-friendly simplicity.

Build a free website with Framer—enjoy full design freedom, powerful CMS, built-in SEO, and real-time collaboration. Create professional, fully custom sites with the no-code builder loved by designers and high-performing teams.

August 23, 2023 - Framer’s CMS (Content Management System) is the backbone of your documentation strategy. Whether dealing with product specifications, API references, company wikis or procedural guides, Framer’s CMS ensures that your content is organized, ...

July 18, 2024 - Just input your content, and the CMS does the rest. Easily grow your website as your content library expands. Perfect for teams lacking in design skills. Create stunning content without the risk of breaking the design. Framer CMS allows for a variety of fields to suit your content needs.

November 12, 2024 - In this Framer tutorial, I teach you the basics of the Framer CMS. We're going to be covering what a CMS is, how it works, how we can create flexible detail pages for our collection items, and how to create a filtering system. After watching this video, you're going to have the necessary knowledge for setting up your own CMS collections in Framer.

Before Framer shipped dynamic filters, building toggle-based filtering in Framer meant creating a component around your collection list and static filters, then wiring a web of variant interactions just to make basic toggles work. It worked, but it was heavy to set up and even heavier to maintain. CMS Plus solved that by letting designers embed filtering behavior directly into toggle buttons while CMS Plus handled the filtering logic behind the scenes.

March 16, 2026 - In this guide, we explain how to use conditionals to create flexible CMS detail pages in Framer, enabling dynamic layouts that adapt to your content.

March 3, 2026 - What’s new in Framer. ... We’re excited to introduce a new Index variable for CMS lists, unlocking layout options that weren’t possible before. You can now make the first card span two rows or two columns in a grid for a more dynamic look. This addition also enables conditional Component Variants based on item position, letting you alternate between left and right-aligned cards, or switch between filled and non-filled backgrounds.

Run the following command in your terminal to create a new plugin using the official CMS template: npm create framer-plugin@latest -- --starter cms This sets up a minimal but solid foundation tailored for CMS plugins, including built-in data mapping and source selection.

July 16, 2024 - Once your design is linked to CMS fields, you can turn it into a component. Select all the layers that make up your design, right-click, and choose "Create Component" (or use the keyboard shortcut if you prefer). Give your new component a descriptive name. Tip: To keep your layer panel organized, use the "/" symbol to group your components in framer.

Learn the basics of working with CMS to simplify content creation for your website.

In this Framer tutorial, you will learn CMS collection references introduction. We explain a practical workflow, highlight the key settings that affect the result, and show how to apply the technique on real pages for cleaner UX and better site performance.