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

Lots of fascinating details that were not shared publicly before. Figma’s last 12 months (LTM) revenue is $821M, so most likely they will cross $1B in revenue in 2025. Maintaining 46% YoY revenue growth at this scale is nuts. 76% of customers use 2 or more products, and ²⁄₃ of users are non-designers — Figma is no longer just a design tool. The entire form is hundreds of pages long, so it will take a while to read in full.

Figma’s Form S‑1 submitted to the SEC in April is now available to the public. The number of shares to be offered and the price range for the proposed offering have not yet been determined.

Software engineers Darragh Burke and Alex Kern share the story behind the creation of code layers to bring design and code together. ​“Building code layers in Figma required us to reconcile two different models of thinking about software: design and code. Today, Figma’s visual canvas is an open-ended, flexible environment that enables users to rapidly iterate on designs. Code unlocks further capabilities, but it’s more structured — it requires hierarchical organization and precise syntax. To reconcile these two models, we needed to create a hybrid approach that honored the rapid, exploratory nature of design while unlocking the full capabilities of code.”

Jamayal makes cool atmospheric illustrations in Figma Draw.

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. 

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