Updates

Meet the Ticker Effect, a new way to design continuous animations for text, images, and beyond. We’ve completely re-imagined Tickers in Framer. This new Ticker Effect now works with the CMS, can be applied to any Stack, supports unique settings for each Breakpoint, and is even faster and more accessible. You can find it in the Effects menu, and it can be applied to any CMS Collection List or Stack. No more messy canvas, duplicated collections with filters, or hidden duplicates for responsiveness. Plus, it brings all-new features, like draggable support and automatic orientation detection, unlocking new workflows and more creative interactions. We think you’ll love it. Watch the video here to learn more. The highest-fidelity animation and interaction tools. Only in Framer.

Today we’re rolling out Relative Dates, a very popular feature request for the CMS. You can now display dynamic date values like Today, Yesterday, or 1 week ago, making your content feel more natural and up to date. To give it a try, select any date connected to your CMS Collection, open the Text Transform popout, and choose Relative as the Display type. You can also fine-tune the look by adjusting Capitalization and picking between Short, Medium, or Long styles. Relative dates are fully compatible with localization, so they’ll automatically adapt to your site’s language.

Introducing Auto Rename, a new AI-powered way to rename your layers. Just select the layers you wish to rename, and hit ⌥ + R on macOS or ALT + R on Windows, and we will magically rename the layers. This helps keep your projects clean and manageable, without any manual effort required. Framer checks what your layers represent, and we come up with clean names. See our short overview video on YouTube to get a sense of the layer names this can generate.

This performance update makes all CMS-based Framer sites interactive up to 150% faster. 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