The September Update introduces themed favicons, apple touch icon support, new property panel features, more styles for components, and an incredible amount of fixes. With themed favicons, you can define specific versions to appear in light and dark mode, enabling the full color spectrum for your logos. Apple touch icon support allows you to provide an icon when people add your site to their homescreens. With over 40 updates, this is one of our biggest monthly updates yet. Be sure to watch the video to learn more, and see all changes below.

Added

• Added support for themed favicons for light and dark mode

• Added support for apple touch icons for iOS homescreens

• Added ability to “zero-out” values in the property panel

• Added ability to scrub split inputs via the label below

• Added a confirmation animation on menu selections

• Added a Copy Fill action that supports all Fill types

Improved

• Improved dark mode colors of the Framer interface

• Improved setting and localization icons in the topbar

• Improved zoom control, tooltips, and numeric inputs

• Improved Slideshow performance by checking visibility

• Improved + and - controls with Shift + Click support

• Improved the Copy menu by removing deprecated actions

• Improved the default name of pasted images and graphics

• Improved the sorting of Pages when switching from Layers

• Improved A11Y of images by setting empty alt tags by default

• Improved A11Y of SVGs by using aria-hidden if title is missing

• Improved Videos to only load thumbnails when almost visible

• Improved switching between CMS Pages with our new menus

• Improved performance when opening the CMS rich text editor

• Improved Twemoji support in UI on Chrome and Desktop apps

Fixed

• Fixed the Rich Text Variable breaking Text Balance

• Fixed the Variable interface of Rich Text properties

• Fixed the “content out of view” toast staying visible

• Fixed menus showing checkmark icons top-level

• Fixed mixed balance values not showing properly

• Fixed Text being misaligned when editing in a grid

• Fixed menus closing when hitting the left arrow key

• Fixed a crasher when renaming empty folder paths

• Fixed shortcuts not being blocked with menus open

• Fixed folders hiding when renaming with a trailing /

• Fixed all easing transitions allowing for invalid values

• Fixed tooltips overlapping insertion cursors on Canvas

• Fixed “Edit in CMS” action not showing the current item

• Fixed submenus overlapping eachother in certain cases

• Fixed the tooltips of Gradient tools persisting after closing

• Fixed stepper controls for numbers allowing invalid values

• Fixed Overlay switching via Layers resetting your selection

• Fixed the contents of Canvas Pages not working in Preview

• Fixed the font styles not loading in the Text Effects previews

• Fixed subpages not always expanding when opening pages

• Fixed Framer and native menus being open at the same time

• Fixed a bug where “Set Home Page” would create 2+ pages

In this update we’re introducing a new, simplified default for spring transitions in Framer. With time-based springs, you only need two properties to design amazing looking transitions: Time and Bounce. By getting control over duration, springs become much easier to mix with easing transitions and can be used reliably in animation sequences. Looking for ultimate control? The physics-based springs are just 1 click away. We think you’ll love these new animation options.

The August Update brings a new app icon and redesigned menus, adding search and scrolling. Our previous menus would infinitely nest, quickly taking over your entire screen and being quick to dismiss, especially on larger projects. We heard you—this wasn’t great. This release aims to fix these issues. Menus can now be scrolled, and you can filter any menu by typing. This works for any menu, from the main menu to any context menu, making things like assigning Variables in larger projects much faster. And that’s not all. For everything else, see the changelog below.

Added

• Added a brand new Desktop app icon for macOS

• Added OpenType support to 46 existing Web Fonts

• Added ability to add Submit button to Form menu

• Added li support to Components in A11Y menu

• Added search and scrolling to all menus app-wide

• Added a Justify option to the Alignment property

• Added ability to override Text Balance in Styles

Improved

• Improved page loading of pages on iOS Safari

• Improved pop-outs on small screens with scrolling

• Improved typography in numeric input controls

• Improved the zoom control, increasing legibility

Fixed

• Fixed exporting images leading to infinite spinners

• Fixed context menus of Text Balance in Text Styles

• Fixed OpenType menu staying open on selection changes

• Fixed not being able to see full Font names in the picker

• Fixed Text in Grids not being able to be vertically aligned

• Fixed the special character toast when renaming pages

• Fixed font weights and styles being ignored on Inputs

• Fixed Form redirects not working when using Link Variables

• Fixed Form redirects to external sites being blocked by Safari

• Fixed not showing any pop-out when adding a new Overlay

• Fixed scroll section links also scrolling the Preview window

We’re excited to introduce our refreshed Publishing experience, with a brand new UI. The new interface clearly shows you the status of your deploy, from being optimized to having warnings or errors. If you have errors, a single click brings you to the element to fix, like a Form missing submission details. With Staging enabled, you can now publish straight to production without having to dive into Settings, making iteration in Framer faster than ever. We think you’ll love it.

• Publish directly to production via the new tab on top

• See who last published to production with one click

• See optimization status, warnings, and errors inline

• We now show domain (DNS) warnings inline too

• View a list of changes in a neatly nested view

With this update, you can upload files to the /.well-known/ folder on your site. Well-known files are metadata files hosted on your site to enable features like app linking and security policies. You can upload your files in your project under Site Settings → General → Well-Known Files. Check out some other examples below or read the article in our Help Center.

• /.well-known/security.txt for referencing security contact info

• /.well-known/assetlinks.json for verifying Android app links

• /.well-known/apple-app-site-association for universal links

• /.well-known/ads.txt specifies which ad accounts are authorized

Today we’re excited to introduce Fetch, a new feature enabling you to leverage the power of APIs to add dynamic data to your Framer Site—without any code. To start, click the + on the Content property of any Text Layer, and select the new Add Fetch option. In the Fetch UI, enter your API URL or choose from a list of example endpoints, then select your desired data via the Path field. When visiting your website, Framer will retrieve the data from the API, and bring it into your page. The details are handled for you, with automatic request deduplication and built-in caching. Within components, Fetch is even more powerful, allowing you to assign Fetches to many different layer properties and surfacing new Loading and Error Variants. Learn more in the video above, or explore the different use cases in the demo here.

• Add support for Fetch on the Content property of all Text layers

• Add support for Fetch on properties of Component instances

• Add support for Fetch on all layers inside of Components

• Added Loading and Error Variants within Components

• Improved versatility of the image placeholder styling