Resources

“We’ve added three new Apple UI kits, watchOS, macOS, and visionOS, to help you design across even more surfaces. The kits are off by default, giving you the flexibility to switch them on only when you need them.”

Dima Belyaev open-sourced his React and Figma components for building beautiful products or starting your own design system: ​“The React library source code is now on GitHub and the Figma library is available in the Figma Community. I’m especially excited because Reshaped bridges both design and engineering, and I hope it helps both communities learn best practices for building design systems that scale while staying minimal.”

The new design tool Paper entered public alpha and is now open for signups: ​“We are launching with features like image generation, shaders, real flex layout, Copy as React, OKLCH color picker, vectorize, and many more.”

Stephen Haney, founder of Paper, thought it’d be fun to let everyone try the Apple heat map invite effect on their logos and shared a public playground file. Mind-blowing that a complicated animation like this made with shaders could just be copied from the design app straight to React.

A fun chatbot made by Max Schoening from Notion. Reading The Grug Brained Developer first is recommended, but ​“What Grug know” is a good primer on simplicity and avoiding pain.

Unicorn Studio makes creating WebGL effects, motion, and interactivity easy for designers. Later, they can be embedded in Framer, Webflow, or any website.

Fantastic resource from Mike Smith, where all of the Google Fonts that are actually good are categorized by ​“vibe”.

Christine Vallaure created a new Figma library to kickstart your project with ready-to-use customizable components, fonts, and color styles to match your brand and vision. The library works with Figma Sites, where you can drag and drop your site together and then just publish it with one click.

Figma launched a community for Figma Make, so now you can see what was built with this prompt-to-app tool.

Jordan Hughes just shipped Untitled UI React, an open-source library of 5k+ Tailwind-styled components powered by React Aria and TypeScript. Fully aligned and in sync with the Untitled UI kit in Figma and includes a limited free version.

Apple released new iOS and iPad OS 26 design kits last week. They’ve been clearly waiting for Figma to add the new Glass effect first, as reproducing it manually would not have been sustainable. This is a core UI library if you’re designing for iOS, but also a fantastic educational resource for everyone else.

I purchased Emil Kowalski​’s course on animation back in April, but started working through it only last week. Emil is a design engineer at Linear and previously worked at Vercel. The course is fairly technical and requires an understanding of CSS, JS, and React, but it does a really good job introducing Motion and explaining what separates good animations from great. It’s been very helpful as I’m working on a new personal website, so definitely recommend checking it out!

Nice glass buttons by Oğuz Yağız Kara.

Joey Banks recreated Apple’s new iOS 26 and iPadOS 26 button styles using Figma, complete with their new Liquid Glass material. These buttons are fully editable and use native Figma effects.

Shu recreated the Liquid Glass effect by using an SVG displacement filter and shaders. See the demo or paste the script into any website console. This seems to be the most flexible and customizable recreation, but unfortunately it also only works in Chrome.

Mike Bespalov imitated the effect using an SVG Displacement filter, without any JS or WebGL. Unfortunately, it only works in Chrome and isn’t easily adaptable to other shapes.

Apple slightly updated the corner rounding of their icon template. Time to update all the icons!

Evil Martians open-sourced their Martian Grotesk font, which I’ve been using at Figmalion for almost 3 years. I highly recommend trying it out and reading about the design philosophy of this project — Roman Shamin put so many innovative ideas into its design, making it an excellent choice for UI design.

Good discussion at Hacker News with examples of high-density UIs.

A carefully crafted iOS 18 UI Kit for Figma with native animations and built-in interactivity.

“Welcome to Figma Draw, a way to design precise-yet-playful illustrations, icons, and more. This playground file teaches how to use our new drawing and vector editing tools through interactive examples, and share some inspo created by product and brand designers using the new features.”