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

This update introduces Drafts to Framer. Drafts are helpful for working on Pages that should not be published immediately. This feature is especially useful for larger teams that publish often and want to make sure that anything in progress won’t end up on their live site. Drafts are available for Pages, CMS, and Locales. You can view Drafts on the Canvas and preview them, but they won’t be published to your staging or live site. Any new Page is marked as a Draft out of the box. Drafts are available for every workspace with a Pro or Enterprise plan.

• Added Drafts for Pages, CMS Items, and Locales in Pro & Enterprise Workspaces

• Added a preference to enable or disable automatically saving new content as draft

• Added a “Replace this page with…” action to replace a selected page with a draft