Updates

The November Update reimagines how Custom Fonts work in Framer. Now with family grouping, realtime previews, better variable property support, improved management flows, and more. All custom fonts are now grouped by family, instead of font file, making it infinitely easier to find the font you’re looking for. Plus, they now all get realtime previews, like other Web Fonts in Framer. Watch the video above to learn more, and see a full changelog of everything else new below.

Added

• Added auto-open on Design Pages if no Web Pages

• Added RTL support to Ticker, Carousel, Slideshow

• Added ⌘ + Drag to prevent auto Layer nesting

• Added tracking to the Download component

• Added tracking to the Copy component

Improved

• Improved performance of adding CMS Sample collection

• Improved availability of CMS Field changes on Canvas

• Improved UI of the Desktop App on Mac and Windows

• Improved tab handling of the Desktop App on Mac

Fixed

• Fixed Text Style duplication not including Breakpoints

• Fixed zooming being inverted after taking screenshot

• Fixed updating Text Styles within Layout Templates

• Fixed Asset Panel jump when opening Components

• Fixed expanding while holding ⌘ in Assets Panel

• Fixed Current Link Styles being wrongfully active

• Fixed Desktop App crashing on fast project open

• Fixed color sampler after selecting gradient stop

• Fixed the Edit Code action in the Actions menu

• Fixed Asset Panel selection state not updating

• Fixed styles of cloned Layers in Components

• Fixed Design Pages not being previewable

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.