Updates

This performance update makes all CMS-based Framer sites up to 150% faster interactive. For your visitors, it means features like buttons and scroll effects start working much sooner after page load. It also reduces bandwidth usage of JavaScript and other network resources per visitor. We’ve achieved this by intelligently embedding data into the final HTML during the optimization step, which React then re-uses during page hydration to skip data fetching.

This update introduces powerful new APIs that unlock programmatic page creation in Framer. Plugins can now create Web and Design Pages, opening up endless possibilities for automation and workflow integrations. We have also significantly improved our data plugins with better error handling and more robust syncing for Airtable, Google Sheets, and Notion. Lastly, the brand new contentType property lets you specify Markdown, HTML, or auto-detection for text fields.

General

• Added API for creating web pages createWebPage

• Added API for creating design pages createDesignPage

• Added contentType for ManagedCollection’s text fields

• Show toast when zooming into view on hidden nodes

Plugins

• Airtable: Added better error handling to base selection page

• Airtable: Added descriptive error messages for duplicate slugs

• Airtable: Removed default file type restrictions from file fields

• Airtable: Improved UX with better loading states in the UI

• Google Sheets: Added better error messages for syncing sheets

• Google Sheets: Added support for importing dates in ISO format

• Google Sheets: Added error messages for duplicate slugs

• Google Sheets: Disabled columns can now be used as the slug

• Google Sheets: Improved sheet selection error for Office/Excel

• Google Sheets: Hidden empty columns from field mapping

• Notion: Added descriptive error messages for duplicate slugs

• Notion: Improved UX with hidden unnecessary warnings

• Ashby: Fixed handling of empty address fields

• Text Search: Design fixes in the UI

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

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

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.

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.