jurre
@jurhout.bsky.social
Head of Marketing and designing @framer.com
If you haven’t checked out your Framer Wrapped yet, go to framer.com/wrapped. (Hope you’re in the top 10,000!)
Big shoutout to @monmichalczyk who threw most of this together in record time. Again.
Big shoutout to @monmichalczyk who threw most of this together in record time. Again.
December 19, 2024 at 12:04 PM
If you haven’t checked out your Framer Wrapped yet, go to framer.com/wrapped. (Hope you’re in the top 10,000!)
Big shoutout to @monmichalczyk who threw most of this together in record time. Again.
Big shoutout to @monmichalczyk who threw most of this together in record time. Again.
And voilà! When you log in to framer.com/wrapped, it’ll grab your User ID, check if it’s in our CMS, and display the data if there’s a match. We use the same trick to show you 2 extra states based on whether you’re not logged in or there’s no matching ID.
December 19, 2024 at 12:04 PM
And voilà! When you log in to framer.com/wrapped, it’ll grab your User ID, check if it’s in our CMS, and display the data if there’s a match. We use the same trick to show you 2 extra states based on whether you’re not logged in or there’s no matching ID.
We can also now use data from the CMS across the page, like setting your total projects created.
December 19, 2024 at 12:04 PM
We can also now use data from the CMS across the page, like setting your total projects created.
With the Page being wrapped into a CMS Collection list we are now able to Filter this collection. The Filter that’s being set here basically says: Show me the data when the userId coming from the Fetched API equals the userId in the CMS.
December 19, 2024 at 12:04 PM
With the Page being wrapped into a CMS Collection list we are now able to Filter this collection. The Filter that’s being set here basically says: Show me the data when the userId coming from the Fetched API equals the userId in the CMS.
By turning the whole page we designed into a Component, we can use Framer’s built-in Fetch feature. This lets us easily pass data from the API into Framer. So now, as long as you’re logged into Framer in your browser, we can use your userId on this page. www.framer.com/academy/les...
December 19, 2024 at 12:04 PM
By turning the whole page we designed into a Component, we can use Framer’s built-in Fetch feature. This lets us easily pass data from the API into Framer. So now, as long as you’re logged into Framer in your browser, we can use your userId on this page. www.framer.com/academy/les...
We've got an existing user API at a URL that looks something like api.com/me. When you’re logged into Framer and visit that URL, it'll give you some basic info like your name, profile image....and userId!
December 19, 2024 at 12:04 PM
We've got an existing user API at a URL that looks something like api.com/me. When you’re logged into Framer and visit that URL, it'll give you some basic info like your name, profile image....and userId!
We imported this Google Sheet into Framer using the Google Sheets Plugin. It’s a real lifesaver. Check it out: www.framer.com/marketplace...
Next up: make sure we only show you YOUR data by matching your User ID to one of the 10,000 in the CMS.
Next up: make sure we only show you YOUR data by matching your User ID to one of the 10,000 in the CMS.
December 19, 2024 at 12:04 PM
We imported this Google Sheet into Framer using the Google Sheets Plugin. It’s a real lifesaver. Check it out: www.framer.com/marketplace...
Next up: make sure we only show you YOUR data by matching your User ID to one of the 10,000 in the CMS.
Next up: make sure we only show you YOUR data by matching your User ID to one of the 10,000 in the CMS.
We wanted to parse this data without needing help from engineering to handle complex APIs. So, we trimmed out the unnecessary data and exported a CSV into a Google Sheet for the top 10,000 users. No worries, there's no sensitive data—just some usage linked to anonymous user IDs.
December 19, 2024 at 12:04 PM
We wanted to parse this data without needing help from engineering to handle complex APIs. So, we trimmed out the unnecessary data and exported a CSV into a Google Sheet for the top 10,000 users. No worries, there's no sensitive data—just some usage linked to anonymous user IDs.
While you're using Framer, we track a bunch of actions to see which features you're using and how. This helps us decide what to focus on next and what might be less important.
December 19, 2024 at 12:04 PM
While you're using Framer, we track a bunch of actions to see which features you're using and how. This helps us decide what to focus on next and what might be less important.