Resources

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.”

“Grid is a new auto layout option that makes it easier to design responsive, flexible layouts. In this playground, you’ll learn how to use rows, columns, span, and more to create everything from galleries to bento boxes to card layouts.”

“Create a personalized virtual badge for Config 2025! Make it your own by adding stickers and don’t forget to share your badge on social to connect with virtual and IRL attendees!”

“Preline UI Figma is the largest free design system for Figma, crafted with Tailwind CSS styles and Preline UI components with extra top-notch additions.”