A solid collection of plugins for a more efficient workflow in Figma.

Google’s Material Design team introduced Relay, a new process to transform Figma components into Android UI code. Designers can now use the Relay for Figma plugin to document and package UI component designs that can be sent directly to the developer. No more tedious design specs or back and forth to ensure details are right in implemented code.

“Tune in to learn about some new features across FigJam and Figma that’ll help teams collaborate better and turn their big ideas into real products, faster. From creative new ways to jam together and drive decision-making in FigJam, to some long-awaited features in Figma, turning ideas into action just got easier — and more fun.”

Collaborate on Figma and FigJam files directly in Microsoft Teams.

Attach Figma and FigJam files to any Google Calendar event.

Never miss a beat in Figma or FigJam with notifications. Now available on iOS, Android, or desktop.

Respond to questions and review work in Figma and FigJam from anywhere via comments on your phone or tablet. Download now for iOS or Android.

Organize content with sections to help teammates navigate through busy Figma files. A section is a default top-level element on the canvas and its own layer type is used primarily for organizing files and grouping designs. Additionally, sections allow you to organize prototypes and preserve their state, as Miggi shows in one video and Anthony in another. See also Sho Kuwamoto’s notes on the controversy surrounding launching this feature.

“Over the last year, we’ve created a write-ahead log that makes our system more reliable than before. 95% of edits to a Figma file get saved within 600ms, which means that as the teams that use Figma scale, their work can scale with them. We wanted to share exactly how we got to that sort of reliability, but before we get started, we’ll need to provide some context on how exactly Figma’s multiplayer editing works.”

“Learn about how to use component properties to create a pseudo slot card component.”

All models of iPhone 14, the new MacBook Air, and TV.

Announcement from Figma: ​“We’re launching new features to help teams move work forward. Join us for a livestream Tuesday, Oct 25 at 9AM PST to be the first to try them out for yourself!”

Luis shows some of the original designs for the component icon by Rasmus Andersson. At this point, it’s hard to imagine anything other than ❖, but I also like #7 and #14.

A new plugin from Figma Developer Advocate Jake Albaugh for inspecting component properties as they would look in code. It currently supports the definition and instance code for Angular, React, Vue, and Web Components.

Dmitriy Bunin shares a great collection of must-know shortcuts.

Miggi shows how to do hanging opening quotes with Auto Layout.

Ridd shows how to use the new beta to expose the subcomponent state, avoid breaking down components, and set preferred values for ​“slots”.

I wasn’t aware of the Shift+Delete shortcut for removing points on vector paths, but Option-clicking on them with the Pen tool is an even faster way to clean up a vector path.

Alex Oyebade shows how to use videos in prototypes.

“Rolling out over the next few weeks, you have the option to purchase a new Professional plan in your local currency or USD if you are located in Japan, Europe, UK, and Canada.”