November 7, 2024
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.
November 6, 2024
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.
October 25, 2024
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 StacksAdded 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
October 24, 2024
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 overlayFixed the inability of saving items with the
⌘ S
shortcut from the overviewFixed 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
October 2, 2024
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.
October 2, 2024
We’re incredibly excited to introduce Plugins. As of today, anyone in the Framer community can use and contribute Plugins that extend the functionality of Framer. The new Plugin Marketplace has an initial collection of 30+ Plugins, ranging from creative Plugins like Dither and Doodles, to CMS integrations like Notion, and productivity Plugins like Google Search Console. This is only the beginning, as we’re also relaunching our Developer docs with 100+ new Plugin APIs to help you achieve your Plugin vision. Learn more on our new feature page or get started right away via the new Plugin menu in your project toolbar. We think you’ll love making Plugins in Framer.