Ana Boyer: ​“Just as design systems help design and engineering teams understand brand guidelines, best practices, patterns, and code, they give AI agents the context they need to produce not just any output, but the right output. And when AI agents can build with your design context, they create a flywheel effect: AI strengthens your design system, which powers better AI code generation.”

Great analogy: ​“Asking an AI agent to generate code without design system context is like asking a new engineer to start shipping code before onboarding. It might technically work—but it won’t align with how your team actually builds.”

Joey Banks shares a free lesson from his course with Dive readers on how to use Figma’s MCP Server. 

Figma rings the opening bell at the New York Stock Exchange on July 31st.

Dan Saffer makes a clear case that AI doesn’t kill UI — it raises the bar for it. A single chat box won’t cut it, and direct manipulation plus visual affordances make AI legible, accessible, and trustworthy.

Read Dylan Field’s founder letter about why design is more important than ever, and what’s next for the company.

Zeh Fernandes revisits David Krakauer’s ​“complementary vs. competitive” framework — think abacus vs. calculator, GPS as a skill-eroder — and argues that AI tools should teach as well as do. ​”Often, we don’t want to be better navigators, or our use of math is so trivial it doesn’t justify constant practice. And that’s fine. So long as it’s a deliberate choice. But in digital product design, the emphasis tends to fall on outcomes alone: getting the job done, removing friction, making everything feel effortless. In the short term, we gain speed. Over time, though, we risk dulling the very skills we once actively cultivated.”

A set of resources for upskilling from one of the ​“traditional” digital design roles (UI, UX, Service) towards becoming AI aware, and on to become an AI designer.

A behind-the-scenes look at how Figma’s product icons come together: Tim Van Damme shares guidelines (one pixel strokes, rounded caps, consistent and balanced sizes) and iterations it takes to make the whole suite feel like a family. Love the idea of rating confidence: ​“Tim frequently solicits feedback from product designers and product managers, guiding the conversation with a one-to-five star rating to show how confident he is in a design.”

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.

Tailwind’s Dan Hollick shows Ridd from Dive Club how Claude Code ties into Figma’s MCP server to spin up an editable UI, sharing his prompting tactics and live-debug workflow along the way. Handy if you’re testing AI-assisted builds from real design files.

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.

Noah Levin, VP of Product Design at Figma, sits down with the Design Better podcast to answer their questions about hiring and scaling design teams in the AI age, fostering better design-developer collaboration, and lessons from designing the new Figma.

Bloomberg: ​“Figma may ultimately be able to secure a valuation multiple of more than 20 times its annual revenue, said Matt Kennedy, Renaissance Capital’s senior strategist. With 13 million monthly active users, Figma generated $821 million of revenue in the 12 months ended March 31 and would top $1 billion of annual revenue this year at its current growth rate.”

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!

I wrote about Vijay Verma’s Kigen plugin in the past, but now he has extended it with a color generator for the web. It supports different color generation algorithms, naming patterns, and exports CSS, JSON, or Tailwind tokens.

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.

Custom theme generator for shadcn/​ui. 

Eric Bailey: ​“Like cicadas emerging from the ground, design industry conversations about quality seem to periodically erupt on social media. Also like cicadas, these articles are as predictable as they are irritating.”

“From giant inflatable glyphs to welcoming soundscapes, Figma’s Brand Studio designed an immersive conference that celebrated the spirit of makership at every turn.”