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.

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

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

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

Rename all your Figma layers with the power of AI.

Free plugin to convert any website into a fully editable Figma mockup. Not building each element from scratch is a huge time-saver if you’re picking up on a project with outdated or missing design files.

In this video, Figma Bites teaches the basics of prototyping in Figma and covers interaction details, navigation options, multiple flows, and more. By the end of this video, you’ll be able to create stellar prototypes that help convey your ideas interactively.

With the recent improvements to variants and components, Ridd makes a point that the benefits of using base components are no longer worth the cost for the design systems work. That said, they’re still great for exploratory work.

Madeleine Lee, Product Designer at Figma, took a stab at breaking down some of Gen Z’s unique differentiators into design principles we can carry into our own work at the recent Friends of Figma SF meetup. Even if you’re not interested in this topic, her slides are gorgeous and worth a look.

Graeme Fulton looks into the difference between ​“open design” and ​“open-source design tools”, the new opportunity for an era of open-source design amidst Adobe ⨉ Figma, and how designers can be a driving force behind open-source itself. Sketch’s open file format is something we’ve always taken for granted.