Prompt for UI. Grids & CSS. High-density UIs.
Sponsor
psd.to.design Figma plugin ✨
Import Photoshop files into Figma with drag-and-drop — fully editable with layers, masks, effects, and pixel-perfect, just like you designed it.
AI
Figma’s CEO on his new approach to AI
(Read without a paywall.) The Verge interviews Dylan Field about “how he sees AI fitting into Figma after a rough start to integrating the technology last year, the new areas he’s targeting to grow the platform, and more.”
Prompt for UI
Meng To first wrote a comprehensive guide on UI prompting, and now recorded this 44-minute tutorial as well.
State of AI in Design Report 2025
“The State of AI in Design report, created by Foundation Capital and Designer Fund, is based on a survey of 400+ designers and conversations with leaders at Stripe, Notion, Anthropic, and more. It explores the real impact of AI on design today, in 2025.”
Figma Design
Figma’s new grid — you must understand CSS Grid as a designer
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.
Notion’s non-existing design system
Luis explores what Notion’s design system could look like and how he would approach building it from scratch, including naming conventions and an opinion on the component structure.
Figma Tip: Expressive prototyping with Figma Draw
Miggi shows how to be more experimental and expressive with Figma Draw features like progressive layer blurs, texture, and a custom brush. Learn to pair these with Smart Animate prototyping, and you can come up with some novel effects.
SVG from Figma Draw
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!
Deep Dive into Uber’s Design Systems
In this interview, Jay chats with Ian Guisard who leads design systems for Uber. You will learn how Ian creates new design system components, specs components for developer handoff, and more.
Figma Sites
Figma Sites accessibility updates
Nice to see that Figma addresses some of the early accessibility concerns with Figma Sites.
My thoughts on Figma Sites
Ran Segall from Flux Academy shares his first impressions from using Figma Sites.
Plugins
Kigen
A new plugin from Vijay Verma for setting up the foundation of your design system in just a few clicks. The core variables and styles for the color palette, typography, and spacing are all created from a few customizable presets.
Resources
iOS 18 Interactive UI Kit
A carefully crafted iOS 18 UI Kit for Figma with native animations and built-in interactivity.
Backstage
Morgan Stanley Is Leading IPO for Software Maker Figma
Bloomberg: “Design software business Figma Inc. hired Morgan Stanley to lead what could be one of the year’s biggest initial public offerings, according to people familiar with the matter. Figma, backed by Index Ventures and Kleiner Perkins, has also brought on Goldman Sachs Group Inc. and Allen & Co. for the listing, said the people, who asked not to be identified because the information wasn’t public. Figma, which said in April that it had filed confidentially for an IPO, could go public as soon as this year, the people said.”
Cool Thing
Ask HN: What are good high-information density UIs?
Good discussion at Hacker News with examples of high-density UIs.