Prior to variables in Figma, the Headspace design system was not only incredibly manual to create, but also prone to misinterpretation, unintentional editing, and time-consuming fixes.

The major challenge set for our team for Nibble Health was to create the design system that translates the brand’s messages: employees should feel protected and encouraged to actually use the healthcare benefits that their companies provide.

As we near the end of 2023, we wanted to take a look back over all the tools we collected over the past year, to pick out our favorites.

A scroll-triggered sliced text animation, where segmented elements reunite while scrolling.

Designers might be at a crossroads with flat design and more detailed and three-dimensional design elements. Here are some recent examples of it to give you a heads-up of what to expect in user interfaces soon.

It’s different now than it has been in years past.

By understanding these formats and their appropriate use cases, pros, and cons, you can ensure that your website’s images look great and load quickly, resulting in a better user experience. Check out this comprehensive guide on image formats for the web!

Google Drive has an updated homepage that shows all pending access requests, recent comments, and file approvals to help users quickly review recent activity and take action in one place.

The CVS Health® Inclusive Design team has released a new Web Accessibility Annotation Kit on the Figma Community. We want to share how we built these tools and the insights we learned along the way.

32 free UI components for React and Tailwind. Easily customize all components at once with design system controls, and optionally tweak the code to make it right. Accessible, variants, dark mode, no lock-in.