Grid improvements, offering more precision and control: delete rows and columns, set min and max, and adjust multiple grids with a faster grid picker. The Grid Playground community file was also updated with new features.
Sergei Chyrkov recorded a tutorial on imitating the Liquid Glass effect on a button in Figma.
Theo explains why Figma is going public, why now, and what risks they’re facing.
Designer Advocate Lauren breaks down how to create code layers in Figma Sites.
Now you can bring an existing design library to Figma Make, so the model can extract color palette and usage guidelines, typography and custom fonts, as well as core styling elements. You can also manually define rules for the model to follow via a guideline.md file. Watch the above video from Make PM Holly Li, or read the help article.
You can now adjust the width of your stroke at any given point along a path with the new variable width stroke vector editing tool. Variable width stroke also makes it possible for users to draw with pressure sensitivity on tablets. Figma will set the stroke width to reflect the amount of pressure applied at each point when drawing with a stylus, which makes freehand drawing in Figma more realistic. (Still no iPad app though.)
Developer Advocate Akbar Mirza and Product Manager Yarden Katz provide a live update on Figma’s Dev Mode MCP (Model Context Protocol) server, explaining what MCP is, how it works, how to set it up, and how it helps bridge the gap between design and code. They also cover the new support for Annotations, which allows designers to add accessibility, behavior, and content information to their design files, which the AI agent can then use to generate more accurate code. Finally, they discuss the importance of aligning variable names between design and code. Don’t miss the follow-up video where Akbar and Yarden answer viewer questions from the livestream.
In this interview, Jay chats with Ian Guisard who leads design systems for Uber. You will learn how Ian adds new components to the design system, applies variables to reduce component size, deprecates existing components, specs components for developer handoff, handles design system rule breakers, and more.
Developer Advocate Jake Albaugh shows how to bring design context from Figma directly to your agentic coding tools with the new Dev Mode MCP server.
Great demo of code layers by Niko, who is now a product manager for interactivity. “Code now belongs; make a mess, rev, refine.”
James Mikrut, founder of Payload, also joined one of my favorite podcasts, Syntax, to chat with Wes Box about being acquired by Figma. They discuss building an open-source business, the future of UI design, AI interfaces, and what this means for the future of Payload and Figma.
“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.”
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.
Romina recorded a quick walkthrough on how to build clickable prototypes using Figma MCP and Cursor.
“Figma Make (still in beta) is now rolled out to 100% of all Full seats. Watch PMs Holly Li, Nikolas Klein, and Tom Duncalf make things live in Figma Make.”
Tim Van Damme shares a nifty trick for reusing scaled icons as blank state illustrations. In Figma Draw, he applies dynamic strokes, various brushes, pattern fills, and noise effects to give icons a beautiful hand-drawn feel. I thought Figma Draw wasn’t a tool for me, but this video showed it from a different side and made me eager to explore.
Gary Simon recorded a video tutorial on how to set up and use the new Figma MCP server. He shares tips on how to set up Cursor and prepare your designs for agentic coding tools with Auto Layout, variables, and naming your layers.
Watch Tim Van Damme design symbols for keyboard keycaps in the new Figma Draw.
Gary Simon shows how to create your own Figma Draw brushes by scanning physical samples or generating them with AI. He also offers 30 pre-made stretch brushes as a free resource.