Updates

Introducing Right-to-Left Layout Direction. For locales with languages that are read from right to left, such as Arabic and Hebrew, this ensures the layout matches the reading direction. Framer now automatically flips your layouts in Stacks and Grids when viewing a site with those locales, so you no longer need complex setups with components and variants to switch layout direction. The setting is enabled by default for all new projects. To turn it on manually for existing projects, go to Settings and check Layout Direction. Additionally, when you’re on the Canvas, you can use the new Layout Direction Variable to adjust any property based on the active layout direction.

The October Update brings CMS support to Wireframer. Generate blog layouts powered by the Framer CMS, with all Links and Fields set up for you. This means Wireframer can now generate Collections, making it much easier to get started with your first blog in Framer. And Wireframer can now generate multiple pages too, and apply updates across pages, like navigations and footers. And that’s not all, you can find all other additions, improvements, and fixes below.

Added

• Added support for double-clicking on Frame titles

• Added alpha value to many more color properties

• Added support to copy all styles, then paste one

• Added tooltip when updating outdated instances

• Added ⌘S or ⌃S support for saving in Settings

• Added warning on page swap with no indexing

• Added CMS Image Variables to Custom Code

Improved

• Improved Text Effects to support Reduced Motion

• Improved Ticker, Carousel, and Slideshow focus

• Improved focus management in all pop-outs

• Improved performance of the Font Picker

Fixed

• Fixed Undo and Redo for content editors in projects

• Fixed Overlays not rendering properly on all pages

• Fixed losing Rich Text pop-out changes on dismiss

• Fixed ⌘F or ⌃F not focusing search in pop-outs

• Fixed Selection Colors not applying to Overlays

• Fixed broken font previews for some typefaces

• Fixed a crasher due to invalid transform values

• Fixed Z Index incorrectly supporting decimals

• Fixed Truncation not working on Safari <=16

• Fixed localized text in embeds not updating

• Fixed P3 colors not working in Form Inputs

This update is all about improved speed and smoother workflows. Claude 4.5 powers Workshop now with faster and smarter suggestions. Workshop now also runs on all code components, not only those created with Workshop. We also added a root node type for Design Pages, allowing plugins to open on Design Pages just like on Pages, CMS, or in the Code Editor. Four brand new first-party plugins round things out: Recruitee and PR.co for CMS syncing of HR data, 3rd-Party Optimizer to improve INP with Google Tag Manager, and Text Search to find text in your project.

General

• Added root node type DesignPageNode

• Added silent option to the closePlugin

• Improved sorting of results in quick actions

• Markdown in Collection.addItems()

• Fixed position setting of top level nodes

• Fixed variable fonts crash in style presets

• Fixed date/time in Collection.addItems()

• CSV Import from Canvas and Marketplace

• Better CMS Export of large collections

Plugins

• Ashby: Added robust board token validation

• Ashby: Fixed compensation validation errors

• Dither: Added “Reset to Default” context menus

• HubSpot: Improved logging out user experience

• HubSpot: Plugin form matches HubSpot component

• Notion: Faster syncing and re-sync of files/images

• Notion: Database list refreshes on window refocus

• Notion: Fixed importing values with time in imports

• Renamer, Tidy Up: Now also work in Design Pages

• Workshop: Works on non-workshop components

• Workshop: Now handles manually changed code

Introducing the official Cal.com component, now available in the Insert Panel under Forms. Cal is a fully customizable scheduling software for individuals, businesses taking calls, and developers building scheduling platforms. We’ve collaborated with the team to make it incredibly easy to let people schedule meetings via your Framer site. This new component supports multiple layouts, theming, and light customization options to make the embeds match any design. Available now.

Lucide Icons are now available in the Insert Panel. An open-source icon library with 1600+ SVG icons, designed for clarity, consistency, and readability at all sizes. The set covers a wide range of use cases, with multiple variants and states to choose from. Maintained by a community that follows clear design rules, Lucide offers a reliable set for every project. Available now in Framer.

Introducing Stagger, a new property for Appear Effects in Framer. Stagger is now available on any layer within a Collection List, so it’s ideal for CMS-based layouts. You can find it within the Transition properties. Just like the Lightbox Effect before it, this lets you benefit from using the CMS in your designs, as you can now add sequenced animations with a single click. A simple editing experience for your content, with the flexibility to add motion. Available now in Framer.