Fetch

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