AI search. Constraints. Figma’s design system.
Release Notes
Code Connect Version 1.2 Released
“Code Connect Version 1.2 launched this week and includes support for design systems written in Angular, Vue, and HTML, an improved getting started wizard for the command line tool, and expanded configuration options for React icons.”
Admin console navigation improvements
“Improvements to the admin console are rolling out for admins on Pro, Organization, and Enterprise. The admin console will now open in a new space with a dedicated sidebar navigation. There will also be a new interaction in the members table for managing a given user. Additionally, for Pro Teams, we have removed the Team permissions column from the Members table. Moving forward, Pro Team admins can adjust seats from the admin console and member permissions from the Team settings page.”
What’s New
How we built AI search in Figma
“After months of iterative development, including a closed beta and continuous refinement using our eval plugin, we were ready for a broader launch. Looking back, shipping this work was guided by four key principles: 1) AI for existing workflows: We applied AI to streamline tasks that users already perform, like file browsing and copying frames into their current file. 2) Rapid iteration: We continuously shipped updates to our staging environment, using insights from our internal beta to refine features. 3) Systematic quality checks: We developed custom evaluation tools to monitor and improve search result accuracy. 4) Cross-disciplinary teamwork: Our success stemmed from close cooperation across product, content, engineering, and research.”
How to do the Product Review right by doing it wrong
Mihika Kapoor and Yuhki Yamashita gave a talk at the Lenny and Friends Summit on doing product reviews the right way. While I look forward to watching the full video when it’s available, the slides are pretty comprehensive. They point out that the main goal of product reviews is not making decisions but winning trust.
Using Figma
Using Constraints in Figma
Joey Banks explains how to use constraints to create responsive components that work with nearly endless screen widths and heights. One hidden feature he didn’t mention is a special relationship between constraints and layout grids — see my old article “Using Constraints with Layout Grids in Figma” from 2020.
Deep dive into Figma’s UI kit: Simple Design System with Luis
Luis and Molly discuss how every small and large decision was made in Figma’s Simple Design System.
Loose thoughts: Variables considerations for multi-faceted systems
Luis Ouriach: “If you’re working in a team with either multiple brands, multiple platforms, multiple densities, or perhaps all of the above you may be stuck trying to figure out how to structure your system/s in Figma. Here are some loose thoughts on how I’d go about approaching the problem.”
Laser beam effect
A step-by-step video tutorial on how to create a laser beam effect.
Made in Figma
Made in Figma: The National Park Service goes from paper to pixels
“How do you design an app for 431 diverse national parks and monuments? By taking a page from iconic NPS park brochures. Learn how a small team adapted Massimo Vignelli’s seminal design system for a digital interface.”
Seeing stars
Inga Hampton from Raycast shared a time-lapse of a complex model made entirely in Figma.
Resources
Meta Horizon OS UI Set
Meta released official UI components and resources for designing immersive experiences.
The Infinite Scroll
A pretty wild Slides template: “The Infinite Scroll is a five-dimensional entity that weaves together the stories of the past, present, and future.”
Plugins
Font Replacer
Easily switch between multiple fonts in your designs with a free plugin.
My Invoice
A new plugin from Vijay for creating invoices in Figma.
Remove Objects
Paint any object or person in an image to remove it completely.
Bloq
“Bloq generates entire design systems from scratch. Users input brand guidelines to get a customized, variablized component kit — including colors, typography, spacing.”