The Performance Update makes opening your Framer projects 2.5X faster and comes with a brand new loading state. Your published sites become interactive 50% faster, and we’ve made tons of accessibility and SEO improvements. From Overlays to Forms, tons of components in Framer received major improvements. To grab the updates to Tickers and Slideshows, head over to your Assets panel, and hit Update. Watch the video to learn more, and see all changes below. Loading is very project specific, so to make sure we reduce the chances of issues, we will be gradually rolling out the new loading experience over the next few weeks. Stay tuned.

Overview

• Projects now load up to 2.5X faster on average

• Projects now have much smoother loading states

• Sites become interactive 50% faster than before

• A11Y: In-App Settings can now be tabbed through

• A11Y: Cookie Banners can now be tabbed through

• Core Web Vitals: Improved INP of Relative Overlays

• Core Web Vitals: Improved INP of Form Submissions

• Core Web Vitals: Improved INP of all Cookie Banners

• SEO: Sitemaps are now limited to one file when possible

• SEO: We add max-image-preview: large to improve CTR

Components

• Cookie Banner descriptions now support multiple paragraphs

• Cookie Banners will now emit a cookie_consent_update event

• The Countdown and Time components consume 50% less CPU

Motion

• Appear Effects on Components no longer wait for JS to load

• Scroll and Loop Effects are now made smoother than ever

• Tickers with huge widths will now animate much faster

• Many Slideshow and Ticker performance updates

Introducing the Google Sheets Plugin, now live on the Framer Marketplace. With this release, you can easily sync any content from a Google Sheet right into the Framer CMS in just a couple of clicks. We know that your data doesn’t always make sense to keep directly into the CMS, whether that is form submissions, event schedules, metrics, or more. Now, that data can easily be synced into your site, allowing you to utilise all the benefits of having your content in the CMS. Get started via the Plugin menu or try it on your projects through the Marketplace. This Plugin is completely open source and uses our new Plugin CMS APIs, you can check out the source code or learn how to create your own CMS Plugins with our guide.

Introducing Variable Fonts in Framer. When selecting Fonts, you’ll see a refreshed Font Picker with new categories—Google Fonts, Fontshare, and Variable, which allows you to filter all web and custom fonts with Variable Font support. You can find the Variable properties available for each typeface in the property panel, right next to the OpenType options. These properties are dynamic, they differ per font. Some will support tons of options, like Roboto Flex, yet many will support Width, Weight, and Slant. Following Fit Text, Text Balance, Text Effects, Text Masking, and OpenType, bringing Variable Font support makes typography in Framer better than ever. All of these features can be combined, unlocking unparalleled levels of creative freedom. And yes, Variable Fonts in Framer can be animated too. Using Component Variants and Interactions, you can bring your typography to life. We’re incredibly excited about the flexibility this brings.

The October Update brings a ton of quality-of-life updates and bug fixes. OpenType is now available for all Form Inputs, and those now support Max Length as well. A new Draggable style allows you to block user-drags of images and links. Component Variants can now be sorted alphabetically with a single click. Relative Overlays now support the Close Overlay interaction in Components. And if you hold ⌃ while dragging a Layer in a Stack, you can instantly make it absolutely positioned. Watch the video to learn more, or read on below.

Added

• Added OpenType support to all Form Inputs

• Added the Max Length property to Form Inputs

• Added the Draggable property for images and links

• Added ability to sort all your Variants alphabetically

• Added Fit Content support to all Component Instances

• Added ⌃ Drag for absolutely positioning Layers in Stacks

• Added Close Overlay interaction to Overlays in Components

Improved

• Improved naming convention for duplicated Components

• Improved experience of opening the Preview from Canvas

• Improved Zoom Control from Canvas with Fast Zoom

• Improved Variables not showing as Missing anymore

• Improved switching between Preview and Settings

• Improved remaining in-app menus with Search

Fixed

• Fixed resizing cursors being off for Forms

• Fixed not being able to delete Page Folders

• Fixed Select All resetting Text styles of layers

• Fixed OpenType not supporting Variant Overrides

• Fixed localized CMS Pages not working in Preview

• Fixed Gradient Masks not respecting system theme

• Fixed linking to detail pages from CMS Overlay

• Fixed Manage Font action not working in app

• Fixed Gap handles not working when rotated

• Fixed Text in Grids being misaligned on edit

• Fixed Stack Sorting UI for skewed layers

We’ve introduced the much-requested Previous and Next links in CMS detail pages. These navigation links are now included by default in the latest sample blog, but you can also easily add them to any existing project. Simply go to the Insert menu, select the Fields category, and drag the Previous / Next links onto your page. You can use these with components too, ensuring great flexibility both in placement on the page, as well as customization options. We’ve also introduced a new menu in the CMS view, allowing you to control which fields are displayed in the collection table. Additionally, we’ve added a new metadata option that displays when an item was created or last edited. This information is available for all items created or edited after September 10th, 2024. On top of this, we’ve been working on a number of bug fixes and improvements to address your feedback of the past month, see a complete list below.

Added

• Added support for links to previous & next items in CMS detail pages

• Added a menu to pick which fields to show or hide in the collection view

• Added the ability to manually sort multi-reference field values per item

• Added a way to select all draft items in a collection with one single click

Improved

• Improved pasting external collections by pasting their referenced data too

• Improved the link properties by displaying an additional control for variables

• Improved the warning explaining the implications of removing a link variable

• Improved right-click menus in the sidebar to show Import and Paste actions

• Improved exiting the preview of an item by disabling the overlay animation

• Improved displaying inline code when included in blockquotes, in rich text

• Improved the way dates are displayed using tabular digits in the CMS view

• Improved the way collection items are merged on paste instead of duplicated

• Improved how rich text content is displayed with the text-balance property on

Fixed

• Fixed the shortcuts ⌘ ↓ and ⌘ ↑ with a field focused, from the item overlay

• Fixed the inability of saving items with the ⌘ S shortcut from the overview

• Fixed a bug where Firefox downloaded excess CMS data on published sites

• Fixed page speed insights from misreporting how much data was downloaded

• Fixed items showing an incorrect height when previewing from the overlay

• Fixed an issue where empty link fields would cause issues in the canvas

• Fixed linking to other CMS pages when editing from the canvas overlay

• Fixed an issue with pasting collections from other projects using Safari

We’re thrilled to release Collection References in the CMS—a game-changing feature you’ve been asking for. Now, you can seamlessly connect items from one CMS collection to another, unlocking dynamic, reusable content across your entire site. No more tedious re-entering of related data. With reference fields, you can pull in details like an author’s name, bio, or avatar from a single source, ensuring consistency and saving you time. Plus, with multi-reference fields, you can link multiple items like tags and categories to any entry, offering you ultimate flexibility in structuring your content. And the best part? All of your updates are automatically reflected across all related entries. To help you dive right in, we’ve added a brand-new blog sample, giving you the perfect playground to explore, experiment, and master References.