The Framer June Update 2024

June has brought some amazing updates to our beloved design tool, and we couldn’t be more excited to share them with you. Whether you’re a developer or a user, these new features are designed to make your life easier and your projects more awesome. Let’s break down what’s new and how it can help you create stunning designs with even greater efficiency.

Framer is one of the best tools to built a Website design from scratch and this June they gave us 20+ Updates which make the lives of developers and users even easier and more seamless. These updates can be divided in new features, improved features and fixed problems. We will give you an informative overview of these categories, present the biggest updates and in the end lay out a table regarding the new big features for users and developers for you. So let’s dive into it:

General updates

Let’s now dive into the most exciting and biggest updates of June 2024:

Forms – Design your inputs

Off to start with a big one – Framer Forms. With over 10 input types and a uniquely freeform editing experience, designing forms has never been this versatile. You can now craft your own inputs, focus states, checked states, loading states, and success states. This means you have full control over how users interact with your forms, from the moment they start filling out fields to the point they submit their information.

Forms in Framer are not only visually customizable but also highly functional, allowing you to send your data via email, connect to Google Sheets, or set up your custom Webhook. Security is also a priority with built-in spam protection, rate limiting, and a fallback email to ensure your data is safe and reliable.

When a project needs a webhook wired into other business systems, not just a simple form, our custom development team can build and maintain that integration for you.

30% faster loading: Speed up your projects

Framer made definite performance improvements to project loading. When opening your projects, you might see a modal asking you to optimise your project. This update makes your projects up to 30% faster to load. Previously, Framer performed heavy computations when loading projects, mainly computing hashes for SVG graphics to identify unique elements. With this update, these processes have been streamlined, drastically reducing loading times. This enhancement not only speeds up project initialisation but also improves overall performance, making it easier to jump into your work without delays.

Site performance Update: Optimised for speed

This update introduces a series of advanced site performance optimisations, especially for larger websites. Optimising a site is now up to 5× faster. Framers enhancements include faster loading times, improved handling of nested links and HTML errors, and improved Core Web Vitals. These updates ensure that your websites load quickly and run smoothly, providing a better user experience. Additionally, page preloading has been streamlined to reduce network usage and energy consumption, which is crucial for sustainability and efficiency.

CMS Pagination: Smooth content loading

The new CMS Pagination is supporting both Infinite Scrolling and a manual “Load More” button. To add Pagination, select your Collection List, click on Pagination, select one of the two options, then pick how many items to load.

Both the Spinner and Button are completely customisable, allowing you to tailor the loading experience to fit your design. This feature is particularly useful for content-heavy pages like blogs and changelogs, where it helps manage the display of large amounts of information efficiently.

To sum up

So to summarise this amazing Framer June update we’ll finish off with an overview of the nicest ones and how they help developers and users. We created a small table for you that encapsulates the key updates and their benefits, demonstrating how each enhancement contributes to a more efficient and enjoyable design experience:

Ready to boost your business? Flatline Agency is here to help. Let’s grow together!