Tweets

My sympathy goes out to web developers looking for Glass’s CSS in Dev Mode.

Tired of liquid glass yet? Sebastiano Guerriero shares a step-by-step process of creating a different type of colored glass buttons.

Brett from DesignJoy breaks down the process of creating animated mockups using Midjourney and Figma.

This is a pretty nice QoL improvement. Want to see it in Figma Design too!

Jamayal makes cool atmospheric illustrations in Figma Draw.

“New in Dev Mode MCP Server: Annotations are included as design context. Generated code now benefits from both the structure of your design and your design intent.”

Ridd shares his new approach for vibe coding a side project. He treats ChatGPT as a CTO and Cursor as an engineer, with the CTO keeping all context about the project and breaking it down into chunks for an engineer to implement. I’ve been using a similar approach for a recent project with lots of moving parts and unknowns and it’s been working well. My only tip is to pick a smarter CTO in the form of an o3 model, maybe even employing Deep Research for the original plan.

Rasmus Andersson shared a few screenshots from the early days of Figma.

Beautiful work by Tim Van Damme. See a sneak peek of a few more on their way.

Sweet, the text in Figma is now autocompleted with AI.

Nolan Perkins argues that code layers are ​“a window into what our design workflows will look like in the age of AI.”

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.

You can now add custom interactions and animations to your Figma Sites using code layers. Code layers let you create, edit, and manage live code on your site. Use built-in AI chat or write your own code with React, TypeScript, and Tailwind support.

Vercel introduced the new design mode in v0 — quickly tweak generated copy, typography, layout, colors, styling, and mode. These changes do not require spending credits or waiting for an LLM. Tailwind and shadcn/​ui are supported out of the box.

Creative possibilities provided by new Figma Draw tools are truly inspiring.

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.

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.

First, that illustration from Miggi is very cute. Second, I have no idea how these talented minds at the Figma Draw team made all of these complex visual effects exportable to SVG. Mad respect!