Updates

This release introduces new Layout Template workflows and fixes. First, we’ve made it easier to design mobile menus in Layout Templates that work consistently across all platforms, like Safari on iOS. No custom workarounds needed. Next, layers in Layout Templates can now be excluded from Page Effects. And finally, in this video, learn how to make a Layout Template customizable with Variables to support unique layouts, like documentation pages with sidebars. More below.

• The default overflow on Layout Template Breakpoints is now hidden

• You can now exclude layers from Page Effects in Layout Templates

• The min-height on a Layout Template Breakpoint is now respected

• Content in Layout Templates is now always stretched to 100VH

• Fixed the Preview not updating with multiple Layout Templates

• Fixed interactions and links not playing nice on mobile Safari

Introducing Layout Templates, a brand new way to design reusable navigations and page layouts for sites at scale. Designed for navigations, footers, banners, and overlays that you wish to apply to all pages, without having to edit per page. Consistent navigations, padding, gap, and site-wide styles like cursors, all in a single click. Plus, Layout Templates unlock new navigation patterns of an exceptional fidelity, such as menus with shared layout animations, exit animations, continuous animations, and so much more. We think you’ll love it. Be sure to watch the video to learn more.

The January Update introduces tons of improvements to our layout tools, zooming, and more. Zooming with mouse and trackpads feels more natural and predictable, and we improved key zooming actions like Zoom to Fit and Zoom To Selection, which you can now make a zooming default via a new preference. Plus, we improved Stack creation with brand new shortcuts, and better default styles like being transparent out of the box. Check out the video to learn more.

Added

• Added ⇧A support to wrap layers in an auto-sized Stack

• Added O shortcut for Rounded Frames with 50% Radius

• Added the ability to hold ⇧ to lock easing curve handles

• Added the ability to display values for auto-sized layers

• Added the ability to pick colors even without Fill present

• Added a new setting for keyboard zooming to selection

• Added support for scrolling to selected style in Assets

• Added the ability to leave a Workspace via Dashboard

• Added shortcuts to alignment and distribution actions

• Added a new set of Variable Fonts to the Font Picker

Improved

• Improved the speed, feel, and experience of zooming

• Improved wrapping layers, now no longer adds a Fill

• Improved behavior of using Enter to select children

• Improved sticky selection behavior if you hit ESC

• Improved messaging and UI of all in-app modals

• Improved Layer Panel icons like Stacks and Grid

Fixed

• Fixed all Components being sized at 100 by 100

• Fixed the visibility of new inputs added to Forms

• Fixed the easing curve handles jumping on click

• Fixed Layers collapsing with aspect ratio and 1FR

• Fixed OpenType properties not working on Safari

• Fixed Code files not supporting duplication actions

• Fixed some Custom Fonts not loading on the Canvas

• Fixed Variable Fonts styles not loading on the Canvas

• Fixed Styles not showing mixed values on multi-select

• Fixed Gradient or CMS Variable Backgrounds flashing

• Fixed the Open Primary action not working on Firefox

• Fixed insertion indicators showing in wrong location

• Fixed import maps not showing in our Assets Panel

  
  

  
  

We’re excited to introduce the Gallery Field in the Framer CMS. With this update, you can now include multiple images in a single field, removing the need to add a separate field for each photo and resulting in a significantly tidier CMS detail view. After adding a Gallery from the Fields modal, you can use the popout to pick images, or you can drop them directly in the field itself. Alternatively, you can import images via Plugins like Unsplash, Lummi, Visual Electric and more. Once added, Galleries can be easily inserted into your detail pages from the Insert Panel, in the Fields category. After dropping them on the Canvas, they’ll auto-apply a customizable grid layout, and you can also turn them into components. While we’ll be working to make them compatible with Slideshow, Carousel and Ticker in a future update, Galleries are a significant improvement for managing images in the CMS, and we can’t wait to have you try them already.

Introducing OpenType support for all Google Web Fonts, now supporting OpenType features for more than 1400 new fonts. This means popular typefaces like Roboto, Open Sans, Geist, Mona Sans now support all available OpenType features. Add a unique touch to your typography by picking stylistic sets, character variants, ligatures, and so much more. Combine with Variable font features for ultimate control. Watch the video above to learn more. More updates soon.

This update introduces better sorting controls for CMS items on the canvas. You can now sort by various fields, including text strings, dates, numbers, and single references, without altering the order in the CMS view. Additionally, you can combine multiple rules, such as sorting by rating and then by date. With this comes the ability to enable dynamic sorting interactions for your viewers. By creating components with variants that apply different sorting, viewers can toggle between them, with smooth animations while transitioning between states. It marks a significant step toward more advanced filtering, shipping with a list of fixes and improvements listed below.

Added

• Added support for sorting items in the canvas, with the ability to combine rules

• Added ability to mark text strings, as well as rich text fields, as non-translatable

Improved

• Improved the UI for multi-references in the fields modal of the CMS view

• Improved opening the CMS, now landing on the most relevant collection

• Improved code blocks in rich text, specifically font weights and borders

• Improved the sorting algorithm for strings with mixed text and numbers

• Improved the unsaved changes modal to be more compact and clearer

• Improved the readability of sorting labels in the CMS and in the canvas

• Improved the default blockquote styling for better default appearance

• Improved the responsiveness of the CMS toolbar in smaller viewports

• Improved the way slugs update in large documents, making it faster

• Improved the selection mode toolbar icons in the CMS table view

• Improved the UI for styling the rich text embeds from the canvas

• Improved performance when dealing with long collection names

• Improved the properties for Stacks with CMS content in variants

Fixed

• Fixed an issue where the × button on images added to a field didn’t work

• Fixed an issue where new fields would not immediately show in the CMS

• Fixed pasting layers with ⌘V inside a Stack selection with CMS content

• Fixed a bug where adding a number field to the canvas did not display it

• Fixed an issue where the 'Show Fields' menu would not close on select

• Fixed an issue where style icons did not update in the property panel

• Fixed rendering issues with code blocks related to line-height on iOS

• Fixed an issue where copy-pasting a CMS page broke the slug path

• Fixed YouTube and Vimeo components displaying with low opacity