Generate text styles with line heights calculated based on a baseline grid, font size, and type scale.

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.

Romina recorded a quick walkthrough on how to build clickable prototypes using Figma MCP and Cursor.

Elie Majorel shares the playbook of prototyping with AI tools, allowing other designers to spend less time on appearance and more time on impact. ​“One Sunday I opened Miro, sketched a few boxes for a new agent search, and copied the flow into Claude. Claude wrote a clear spec. I pasted that prompt into Lovable, pressed generate, and two hours later a working React repo ran in a sandbox. Engineers forked the code the week after. Leaders clicked the demo and said keep going. Two hours from idea to running product. No Figma layers. No endless handoff.”

A new practical plugin from Luis comes in handy while rebuilding shadows in Figma from an existing website.

I always learn something new from Molly — today it’s grade support in fonts. Read more in the Grade axis (GRAD) article at Google Fonts.

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

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.

Molly shows how to simplify a common list design element by using the new Grids instead of nesting vertical Auto Layout stacks inside horizontal rows.

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

Nice to see that Figma addresses some of the early accessibility concerns with Figma Sites.

As Christine Vallaure writes, ​“if you want to master Figma’s new Grid, you need to know how CSS Grid works.” In this in-depth guide, she explains how both of them work and shows where Figma ends and the browser takes over to do the heavy lifting, so you don’t miss out on the flexibility, responsiveness, and layout power that only the browser can fully deliver.

An interesting new plugin that brings reusable CSS-like classes to Figma — set all the style properties on a frame, save it as a class, then apply all those properties to other frames in one click. Right now, it just saves all properties to a class, but an obvious improvement would be letting the user choose them individually.

This is a very smart workaround, but I’m often reluctant to rely on 3rd-party plugins for core workflows. I wish Figma styles would be extended to support multiple properties (i.e., applying fill, stroke, and radius as a single style) or they could be abstracted and reused through a parent component with a slot (similar to passing children prop in React).

“Recently, we introduced two new features for improving design & development collaboration. In this video, we’ll explore these new features and show how they can assist you during handoff. First, we added categories to our annotations features which makes it easier to communicate design intent and improves navigation for developers. Second, we added our new eyedropper tool to Dev Mode making it easy to copy color values, styles, and even code syntax.”

A rare feature that’s both underrated and long-awaited.

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