Updates

Introducing Dynamic Optimization, an all-new way of optimizing your published websites. All sites now optimize in seconds, even large ones. And adding pages has no impact on optimization time. Pages are now optimized on first visit, and we cache the result until the next publish. Your most visited pages are pre-optimized on publish, ensuring consistent performance and full visibility into any issue. This makes Framer’s very best feature, instant publishing, even better. We’ve written an article with more technical details that you can find here. We’re rolling this out gradually throughout the entirety of October. Publishing, even faster. Only in Framer.

This update makes working with text and links in Framer a lot smoother. We’ve added better Markdown support, improved how copied and pasted links behave, and fixed a number of issues pasting code blocks, blockquotes and images. Whether you’re moving content between tools or polishing your site, everything should feel cleaner and more consistent. We also added support to image links in custom code, as well as Created and Updated Variables for CMS items. They can be used to implement structured data for SEO through JSON-LD. We also took the chance to make a number of other additions and improvements. See the full overview of changes below.

Added

• Added support for pasting Markdown content, including code blocks and tables

• Added ability to copy CMS text as Markdown to be pasted in other writing apps

• Added support for image links, creation and edit dates in structured SEO data

• Added support for single references in page title, description & custom code

• Added the ability to sort items by their Yes/No toggle value in the CMS view

• Added href attributes to all links copied from the CMS rich text field

Improved

• Improved prefixes in all links with the site’s canonical or default domain

• Improved pasting links, now automatically converted to relative URLs

• Improved the way Variables in links are resolved without extra steps

• Improved the formatting of lists in the sample blog detail pages

• Improved the social previews of CMS items with image fields

Fixed

• Fixed pasting code blocks, blockquotes and images where not supported

• Fixed italics and monospace formatting when pasting from elsewhere

• Fixed pasting from Google Docs, which is now much more accurate

• Fixed hard line breaks which are now preserved when copying text

• Fixed code blocks which are now preserved when copying text

• Fixed images which are now preserved when copying text

We’ve refreshed our macOS and Windows Desktop apps, making it feel more native on macOS Tahoe specifically. We’ve adopted the new window and tab styles of Tahoe, all while keeping it inline with the Framer interface too. In the process, we updated Electron to v38.2.0, addressing memory issues that could lead to poorer performance on macOS. We’ve also greatly improved exporting speeds across the board, and we fixed exporting of pages using Layout Templates. Last but not least, we also refreshed our app icon on macOS to make it feel more at home.

Introducing Protected Staging links. When enabled, only logged-in users with project access can view staging links, keeping your staged changes private. To enable protection for staging, open Project Settings, go to Versions & Staging, and select Protected under the staging section.

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