A fully redesigned eyedropper for UI3 now supports color variables and styles! Rotate between color formats with the Tab key — previously, that could have been changed only in the color panel. Switch between picking the raw color value or a variable/​style with a Shift key or creating and applying a new color variable/​style by using the shortcut Command-Shift. See an in-depth demo from Ana.

This update is near and dear to my heart, as I talked about color formats and working around a lack of support for styles in an eyedropper back in 2023 at Config. Love that both features are now so straightforward to use!

A few small improvements to variables, the biggest being the ability to copy and paste (but not move) variables across collections and show their values on hover. Other updates improve the authoring experience by adding new variables under selection, tabbing through fields, and resizing columns. See a video demo from Chad Bergman or read the release notes.

These improvements are very welcome, but after a year of using variables, I still rely on a mix of random plugins for most organizational tasks. My not-so-short wishlist for Config 2025: moving variables between collections and libraries, seeing where they’re used, replacing one variable with another, detecting unused variables, reviewing deleted variables still in use, and suggesting variables based on the value. Alright, 2026 might be a better target.

Component properties can now be bound to variables, unlocking the ability to use translation strings in props. Learn how to bind them together in this video by Chad Bergman or this thread by Jacob Miller.

New tools for managing no longer needed projects by moving them to trash, recovering, or permanently deleting.

I covered October updates in the previous issue, but now you can watch the recording of the second episode of Release Notes with advocates Jake Albaugh and Kaitie Chambers.

Really well-made video tutorial explaining masks in Figma: ​“We answer questions such as: What is a mask? How does it work? How do you use it in Figma? We demonstrate advanced usage and share real examples from our projects.”

So much goodness in this update! 1) Figma now detects when a new font was installed locally and automatically adds it to the font picker, no refresh is required. 2) The missing fonts modal now groups font families for faster searching and lets you replace the font of a single text node, entire page, or all pages. 3) Set the color, shape (solid, dotted, or wavy), and thickness of text underlines. Plus, choose the underline offset from text and whether it skips ink. 4) Mix and match paragraph spacing or indentation in the same node.

The prototyping and variables modals are now resizable, giving you more screen space for setting up prototyping interactions and viewing the details for multiple actions.

The modal you use to swap instances of a component has been upgraded in UI3 and now matches the layers panel, with folder nesting and options for list and grid views.

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

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

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

“Figma is making it easier for admins to find and manage draft folders of members and guests who have been removed from their organization, now known as ​”unassigned drafts.” Organization admins on Organization and Enterprise plans can now access unassigned drafts directly from the admin console. Starting today, Pro team admins can also manage them from a new tab in the Pro team admin console.”

Joey Banks with a deep dive on applying and organizing variables in Figma: “…if there’s one thing I’ve learned about variables, it’s that nearly every team takes a slightly different approach when it comes to creating and keeping them organized in Figma. I’d love to recap the many ways I use variables within the components and libraries I make, as well as some of the techniques and decision frameworks that have helped me most, and share with you how I approach creating and keeping them all organized, too.”

At a recent meetup, Developer Advocate Jake Albaugh shared the story of Figma’s SDS, a UI kit with a realistic code backing to help bridge the gap between design and development. As a reminder, the Simple Design System is available in the Libraries selector, Figma community, and GitHub.

The beta of UI3 is now available to everyone. Check out this list of changes made after hearing the feedback.

Linear launched a series of conversations with product leaders on how things of quality get built: ​“What is quality? It seems hard to describe and even harder to measure, but you can feel it when it’s there. You know it when you experience it.”

A great written interview with Katie Dill, Stripe’s Head of Design, about craft and quality, functionality and beauty in products, rituals to level up product quality, and keeping quality a priority as companies scale.

Kaitie Chambers and Miggi kicked off the first episode of monthly Release Notes, where they dropped new features and recapped everything shipped in September. Readers of this newsletter will be already familiar with most of the changes, but there are some new things worth covering. 

UI3 rolls out for everyone on October 10th. The biggest change in the final version is the return of fixed panels — Figma listened to the feedback from the design community and closed the gaps. The panels still float when the Minimize UI (Shift-\) mode is turned on. Other changes include the always visible Auto Layout pixel values along the resize modes, the layer header showing 3 reorganized actions by default and one more when the panel is wider on larger screens, and showing the component library info in the component properties panel. It’s now even easier to set the Auto Layout object’s width and height to Fill Container or Hug Contents via the quick actions menu (Cmd-K) or a custom macOS shortcut.

After research or brainstorming sessions, FigJam stickies can now be sorted by color, author, stamp count, or stamp type in addition to the previously announced FigJam AI. Figma Slides now supports custom slide deck templates, which can even be published in the community. Slides are now viewable on your mobile device, so you can view and join a presentation from anywhere. 

Joey Banks shows one of the newly announced features. When objects are duplicated, rotated, and then duplicated again, Figma will continue that rotation with subsequent copies of your object.

Figma added iPhone 16 (including Pro, Pro Max, and Plus), Apple Watch Series 10 (42mm and 46mm), and Android (Compact, Medium, Expanded) to the Frames menu. If you need vector iPhone 16 device frames for the prototyping, Keeyen published the community file with different models and colors.

The AI feature Make Designs is back under a new name, First Draft, which I greatly prefer as it sets more accurate expectations. (Curiously, that was the original internal project name.) ​“We’re also introducing some key updates, like letting you choose from one of four libraries depending on your needs — whether it’s a wireframing library to help you sketch out less opinionated, lo-fi primitives, or higher-fidelity libraries to provide more visual expressions or patterns to explore.”

I believe that wasn’t previously shared: ​“Our vision is for First Draft to extend beyond our current libraries and allow organizations to incorporate their own custom libraries. In the future, teams will be able to draft ideas using their company’s unique design language without having to sift through hundreds of components by hand.”

Describing design details with plain text is a nice way to communicate the intent to developers.

You can now rename files in the desktop app by double-clicking the tab name.

A deep dive into Figma’s brand refresh. ​“Figma’s visual identity has gotten a bold refresh. From playful primitives to a vibrant new palette, we’re unveiling our latest brand evolution — one that speaks to all product builders.” 

I love how Figma showcased the community work on a giant screen at Times Square.

Olivia Hingley for It’s Nice That: ​“Sitting at the core of the concept is a new brand idea: ​‘build by design’. Short and sweet, the idea reinstates that design is more than just a skill, department or process, it’s the ​“gravitational centre” of the brand. Three brand beliefs come from this idea: ​‘design is everyone’s business’, which speaks to the flexibility and broad nature of design, while the second, ​‘craft as a differentiator’, centers on the care and attention to detail that Figma propagates. […] And, the third and final belief is ​‘the idea is just the beginning’.”

“We’ve added a new export quality setting to give you more control over the file size and quality of images when exporting frames and images from Figma as JPEGs or PDFs. A new quality dropdown in Advanced export settings allows you to choose from High, Medium, or Low quality when exporting as a JPEG or PDF. Low quality will compress your images the most, resulting in the smallest file size, and High quality won’t compress images at all. If you do not select a quality setting upon export, there will be no change to how your files are exported; Figma will follow existing default settings (Medium quality for PDFs and High quality for JPEGs). Also available in FigJam.”

Nathan Curtis: ​“In 2015, I established three models of forming teams for scaling design systems: solitary, central, and federated. The article progressed through each, scoffing at solitary, considering central, and favoring federated based on the section’s positioning and proportional length. […] In this article, I’ll dig into how federated is not a choice, it’s a facet. In practice, it’s never pursued first and never without central investment. In most cases, it’s optional and its outcomes can be so expensive and frustrating that it’s not worth it. Even worse, positioning federated as a primary objective anchors so many stakeholder myths to unwind that it damages system potential and even threatens its existence.”

“Show Them” is a new course on landing page optimization by Rob Hope. He hosts one of my favorite design podcasts and curates an inspirational collection of single-page websites at One Page Love. Rob spent years analyzing landing pages, so when he shares knowledge, I’m listening! To see what his content is like, check out the bonus video on Social Proof.

The course is launching on November 19th and offers a generous 70% discount until September 18th, which I immediately took advantage of. (Not affiliated, just love Rob’s work.)