January 6, 2025
v 1.2.6
Framer Gets a Performance Overhaul
Experience 2.5X faster project loading with seamless new loading states.
Sites now respond 50% faster for smoother interactions.
Enhanced Accessibility: Tab through in-app settings effortlessly.
Introduction
Unlock the full potential of your site with the CMS. Start by clicking CMS in the Toolbar. From the left sidebar, either select Sample Data (recommended for blogs) or build a new Collection from scratch. Once set, the CMS view lets you add, modify, or remove entries. Sample blogs are included for quick setup — edit or delete them as needed.
Configuring Fields
Adapt your content structure by configuring input fields. For a blog, you might use a title, slug (URL path), and a content field for long-form text. Product pages or portfolios may require image fields or other formats. Click any column title to open a field editor, allowing you to add, reorder, or delete fields.
Populating Your Canvas
Return to the canvas and open the Insert menu. Under CMS Content, your collection will be available to drag onto the canvas. This appears as a Data-Connected Stack, repeating layers based on your collection items. You can adjust the design freely — just like working with any Stack.
Building Dynamic Pages
With your content ready, add dynamic pages for blog articles or product listings. Go to the Pages menu, click the + icon, select CMS Page, and choose your collection (like Blog). A new dynamic page will be created, showing data from the first entry.
Ensuring Links Work
To link each collection item to its page, make sure the first item in your Collection List has a working link. If not, revisit the settings and confirm the correct link path.