Schema. Dylan at Lenny’s Podcast. Components spec.
Sponsor
html.to.make – Turn webapp & websites into Figma Make project →
Turn any web app or website into Figma Make project with html.to.make. Import, remix, and vibe-design new features in minutes, without leaving Figma.
What’s New
Schema by Figma
Schema — Figma’s conference for the design systems community — is back for the virtual livestream on Tuesday, October 28. Topics include the future of design systems, best practices for design and development with AI, and product updates to design systems in Figma.
Figma’s CEO: Why AI makes design, craft, and quality the new moat for startups
Dylan Field comes to Lenny Rachitsky’s podcast to talk about keeping internal morale up after the Adobe acquisition fell through, his approach to maintaining pace and a sense of urgency 13 years in, how to systematically develop taste, how Figma decides which product lines to add, why he obsesses over “time to value”, and how AI is making design more valuable. Don’t miss Lenny’s biggest takeaways from this conversation.
Where’s the AI design renaissance?
Erik D. Kennedy attempts to answer two questions: Will AI take design jobs? If so, which ones? And in light of that, what should designers focus on? Love this advice: “I’d recommend steering your own designs away from the hallmarks of UI-by-AI: Inter, cards displayed in parallel, everything being 8px rounded, etc. The time to know your brand, know your audience, know the problem you’re solving, and lean way in starts now.”
15+ ways we’re improving accessibility in Figma
Over 15 accessibility improvements expand keyboard-only controls, improve screen reader reliability, and give you more ways to work across Figma, FigJam, and Slides.
Components and shadcn/ui
components.build
A great resource for front-end engineers from Vercel, authored by shadcn and Hayden Bleasel: “Modern web applications are built on reusable UI components and how we design, build, and share them is important. This specification aims to establish a formal, open standard for building open-source UI components for the modern web.”
As new tools blur the lines between design and engineering, I strongly believe that any designer working on or contributing to a design system will benefit from understanding these concepts.
React UI with shadcn/ui + Radix + Tailwind
Speaking of shadcn, Vercel launched a free course on the fundamentals of modern UI development with shadcn/ui. I’m happy to see a high-quality introductory resource for teams adopting this stack, as a mental shift from building with homegrown intertwined components to a composable, reusable, and themeable library could be challenging.
Figma Design
Using Gemini 2.5 Nano Banana + Figma to create mockups in minutes
Damien Correll, VP Design, Brand & Creative at Figma, gives a behind-the-scenes look into how the brand studio team uses the recent Gemini 2.5 Nano Banana update to create realistic mocks.
Add “inverse” color tokens to your design system
Molly shares examples of when to reach for “inverse” color tokens and why to avoid just going with “white”.
Figma Make
Push the Make project to GitHub
“Now you can push your Make project directly to a new GitHub repository. Back up your code, track version history, and keep building in your preferred development tools. Push ongoing updates from Make to your GitHub repository whenever you make changes.”
Backstage
Times Square billboard takeover
Figma shows off incredible projects made with their apps on three giant screens in Times Square.