Updates

What’s new in Framer.

Published

The Framer CMS has been completely redesigned to make managing large collections faster and more intuitive. The new table view introduces full inline editing across all cells, eliminating the need to open overlays for most changes, with support for multi-cell selection, bulk actions, and quick copy and paste. Statuses, toggles, references, images, icons, and colors can all be updated directly in place. Keyboard navigation has been re-engineered from the ground up. Columns can now be resized, reordered, and customized, giving full control over the layout. New filtering and search capabilities make it easier to find exactly what you need, and collections can now be organized into folders for better structure. Additionally, fields have been moved to a dedicated panel with a cleaner UI and more space to manage fields. See all additions and fixes below.

Added
  • Added inline editing across all CMS table cells

  • Added dedicated panel for managing fields

  • Added multi-cell selection and bulk actions

  • Added folder support to CMS collections

  • Added filtering to items in the table view

  • Added column resizing and reordering

Improved
  • Improved rows multi-selection and bulk actions

  • Improved search combining it with active filters

  • Improved keyboard navigation across the CMS

  • Improved field dividers with and without titles

  • Improved the item overlay layout and fields

  • Improved clarity of draft and live statuses

  • Improved editing link fields in the overlay

  • Improved field warnings across all fields

  • Improved the menu to add new fields

Fixed
  • Fixed slow bulk editing across multiple fields

  • Fixed inconsistencies in editing media fields

  • Fixed removing fields in use being too slow

Published

Introducing a brand new addition to our Shader library: Holo. A gradient shader that simulates how light splits into rainbows on holographic surfaces. Instead of colors, you control the math that shapes the colors, and the way the shader warps and flows. Holo is now available in the Insert Panel, under Shaders. Watch the video to learn more about how to customize Holo.

Published

Introducing Auto Translate, our newest addition to Localization. This feature keeps your content in sync across all locales automatically, both when you add content in the Canvas and in the CMS. You can find it in locale settings where you’ll also find new AI controls. From there, choose a model or leave the Auto option selected. In this post you can read more about how the latest AI models performed in our translation benchmarks. Once you picked your preference, and the Auto Translate option is enabled, any new or updated content on the Canvas gets immediately translated across all enabled languages, and the same applies to CMS content like blog posts. This way, you can continue editing and publishing without worrying about missing translations. For teams that prefer more control, the Localization view now includes a Translate All action that updates all the locales of the project at once, or lets you manually pick only a subset of them. Additionally, you can now also translate specific layers directly from the Canvas by right clicking a layer and picking Translate Content, or you can do the same for specific pages in the panel. This update aims to save you countless of hours in translations without compromising on quality.

Published

The March Update brings a range of layout tool improvements and fixes. Sorting layers and images in Stacks feels much smoother, and you can now move items freely between Stacks. When you do, the original layout no longer collapses and instead displays a fixed placeholder. Moving images within any Stack or Grid is also noticeably faster. Grid tools have seen several updates as well and now include support for Bento layouts. Check out the video to learn more.

Added
  • Added support for Bento Grid layouts

  • Added support for freeform Stack sorting

  • Added more reliable Stack placeholders

Improved
  • Improved Layout menu with simpler Stack tool

  • Improved searching of CMS pages on Canvas

  • Improved dragging of images on the Canvas

  • Improved A11Y of Date, now using <time>

Fixed
  • Fixed layout collapses in nested Grids

  • Fixed emojis not showing in Desktop app

  • Fixed Grids and Masonry Grids collapsing

  • Fixed sorting layers in Tickers being flashy

  • Fixed images flashing when sorting in Grids

  • Fixed images in Grids showing Fill but being Fit

  • Fixed path handles breaking when using Shift

  • Fixed close buttons of File inputs showing modal

  • Fixed keeping query params with Dynamic Filters

  • Fixed toolbar actions getting stuck in focus states

  • Fixed the Preview showing up when not available

  • Fixed the menu icon showing on any Component

  • Fixed layout collapse when turning Stack to Grid

  • Fixed copy and paste not working on Decoration

Published

Introducing a brand new addition to our Shader library: Chromatic Aberration. An image shader that adds color distortion to your assets, with modes like Radial, Swirl, Horizontal, and Vertical. Use it to add character or create eye-catching pulsing visuals. Check out the video for a quick look at what’s possible. Available now in the Insert Panel under Shaders. Only in Framer.

Published

Introducing Shaders in Framer. Design stunning visual effects like beautifully animated gradients, image effects, and particles. Built for the web, easy to edit and highly performant. Each shader works like its own tool, highly customizable and capable of endless variations. You can browse shaders in the Insert Panel, and simply drag and drop to add them to your project. Watch the video to learn more, and stay tuned for more shaders to come. We think you’ll love them.