January 1, 2025
v 1.2.5
Framer Performance Upgrade: Speed and Accessibility Combined
Projects open 2.5X faster with a sleek loading state.
Sites load 50% quicker for faster user interactions.
Improved Accessibility: Seamless tabbing through in-app settings.
Launching the CMS
Streamline your content management with the CMS. Start by clicking CMS in the Toolbar. From the left menu, kick things off with Sample Data (great for blogs) or build your own Collection. The CMS view lets you add new entries or modify existing ones. Sample blog posts are included by default — update or remove them as you wish.
Managing Fields
Customize your content structure by setting input fields. Blogs typically use titles, slugs (URL components), and content fields. Portfolios or product lists might need image fields or categories. To edit fields, click a column title, bringing up a field editor to add, reorder, or delete fields.
Adding Data to Your Canvas
Once your content is in place, switch back to the canvas. Use the Insert menu and find CMS Content. Your collection will be drag-and-drop ready as a Data-Driven Stack. Each item from your collection will be auto-populated, and you can design freely.
Setting Up Dynamic Pages
With your collection ready, create pages for each entry. Go to the Pages menu, press +, select CMS Page, and pick a collection like Blog. A dynamic page will be generated, pulling content from the first item in the collection.
Linking Collection Items to Pages
Make sure each entry in the Collection List links to its page. If links aren’t working, double-check the first collection item’s link settings and update them if needed.