In the first part, Rogie uses constraints and components to build navigation that scales from mobile to desktop. In the second part, he shows how to use Auto Layout to design flexible grids, hero, and card components that adapt to any browser size.

“Join Designer Advocates Joey and Rogie as they dive into components: see them leverage constraints, apply auto-layout, explore negative frame spacing, styles, and more.”

The link to a community project is in the replies.

Finds detached component instances in your document, so you can decide what to do with them.

Make sure to check replies for more ideas.

In this weekly Office Hours in Figma, Anthony DiSpezio and Rogie King are talking about team structure, multiple component libraries, versioning, and updating components at scale.

Smart workarounds for making reusable progress bar components that can indicate different values.

Drag-n-drop from the Assets tab is a time-saver.

Aleksei Kipin shows how to apply the Atomic Design approach to creating Figma components.

A valid point that specifying an element as a component and then detecting all the places where it has already been used would be a great alternative to the existing approach of defining components before using them.

A list of 5 solid principles for building components — reusability, nesting, UI and UX patterns, reusing styles, and consistent naming structure.

“A strategy that may help ease some of the pain and confusion when deprecating unwanted components.” That’s something we all have to do from time to time, so I’m glad Steve Dennis documented his approach.

Fantastic plugin for finding all instances of the component. I used it while migrating and unifying a large design system and it was irreplaceable.