“Inspired by the Apple iPhone 16e launch event visuals, create stunning liquid metal effects for any shape, text, or logo. Instantly transform designs into sleek, shiny metallic visuals—static or animated—for a futuristic, high-end look. Use generated code in your Framer or Webflow project.”

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.

Of course, the elephant in the room is the sneak peek by Figma that native Liquid Glass support is coming soon.

Allan Yu imitates the Liquid Glass effect in Figma by using the new texture feature in Figma Draw. A few other takes using similar techniques by Camden, Luis Ouriach, Brett from Designjoy, Max, and Ben South — some are with the Figma files as well.

John LePore explains refraction — light passes from one material to the next — for non-3D designers.

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

“Dive deeper into the new design system to explore key changes to visual design, information architecture, and core system components. Learn how the system reshapes the relationship between interface and content, enabling you to create designs that are dynamic, harmonious, and consistent across devices, screen sizes, and input modes.”

Apple updated HIG with all the latest design techniques.

WWDC session introducing Liquid Glass. ​“Get to know the design principles of Liquid Glass, explore its core optical and physical properties, and learn where to use it and why.”

Apple Keynote introducing new Liquid Glass design language, year-based version names, Foundation Models API, and significant updates to iPadOS.

Ruxandra Duru works with Google designers focusing on the intersection of color, emotion, and UX design. ​“After years of what we could call a color fixation, I’ve developed a three-step approach to color theory. My secret to making color more pleasurable and intentional — and much less scary — has to do with balancing, relating, and completing your colors.”

Speaking of Apple, the latest winners of the Design Award were announced. Congrats to Play for winning the Innovation award!

Sebastiaan de With is the co-founder and designer of the award-winning apps Halide and Kino for photography and video. In this article, he imagines what could be next for the UI design at Apple: ​“What would I do if I were Apple’s design team? What changes would I like to see, and what do I think is likely? Considering where technology is going, how do I think interface design should change to accommodate?”

(Reminder that WWDC25 is happening this week, with a keynote on Monday at 10 AM PT. That’s when we’ll find out how close his predictions are to what Apple designers have in mind.)

Apple’s SF Pro and SF Compact fonts are now automatically downloaded in Figma Editor, Slides, and Buzz.

Cole Bemis demoed this experimental plugin for creating state machines and integrating them into your designs at the Figma × GitHub event last week. (Hope the video will be released later!) ​“Think of a state machine as a way to organize all the different ​‘states’ your design can be in. For example, a form might have states like ​‘empty,’ ​‘filled,’ ​‘submitting,’ or ​‘error.’ State machines help you clearly define these states and the rules for moving between them, making complex interactions more manageable.”

Bold moves from Shopify’s CEO Tobi Lutke, shared in an internal memo. On general AI usage: ​“Using AI effectively is now a fundamental expectation of everyone at Shopify. It’s a tool of all trades today, and will only grow in importance.”

On prototyping: ​“AI must be part of your GSD Prototype phase. The prototype phase of any GSD project should be dominated by AI exploration. Prototypes are meant for learning and creating information. AI dramatically accelerates this process. You can learn to produce something that other team mates can look at, use, and reason about in a fraction of the time it used to take.”

AI skills will be a part of the performance reviews and affect future hiring. Highly recommend reading an entire thing.

Karri Saarinen from Linear: ​“Prompting is essentially like writing a spec, sometimes it’s hard to articulate exactly what you want and ultimately control the outcome. Two people looking for the same thing might get wildly different results just based on how they asked for it, which creates an unprecedented level of dynamism within the product. This shift from deterministic traditional UI to something more unbridled raises a challenge for designers: with no predictable journeys to optimize, how do you create consistent, high-quality experiences?”