Updates

Introducing the Editor Bar—a new UI that makes editing the content of your site even faster. The Editor Bar appears on sites where you’re an owner or collaborator, providing quick access to edit projects. You’ll see it at the bottom of the screen when viewing a published site, but don’t worry, it will remain hidden for the visitors of your site. It’s also visible on automatically generated publishing links, also known as preview or staging URLs. Designed for speed, the Editor Bar lets you instantly open and edit the page you’re viewing: if you’re on a page with CMS content, clicking Open will take you straight to that item in the CMS, so you can edit it on the fly. This is just the beginning—we’re working on even more seamless ways to edit sites, for you and your collaborators. Also, we’ll continue refining the Editor Bar to keep it accessible when you need it, and out of the way when you don’t. Learn more here and share your feedback in the Community.

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.