Finds detached component instances in your document, so you can decide what to do with them.
Make sure to check replies for more ideas.
One of my favorite parts about my role @figmadesign is being able to talk to design system managers at companies of all shapes & sizes and I've learned from them just how useful emoji can be when naming components. Have any that you use? Here are some of my favorites... 🎨✋🔄🚫 pic.twitter.com/EaMUeGrV7v
— Joey Banks (@joeyabanks) April 17, 2020
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.
🔥 @figmadesign tip:
— ˗ˏˋrogieˎˊ (@rogie) March 20, 2020
Better way to swap a component
1. Select the component you want to swap
2. Goto the Assets tab
3. Search for a component
4. Press “Option”
5. Drag n Drop component it to the component on the canvas you selected in #1https://t.co/N9mRgt9c1z pic.twitter.com/BitvwTGvBP
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.
This plugin enables you to select any instance of a local component (not from a library) and edit the master component in place from the context of wherever you are using the instance. Handy if your master components are on another page.
Master creates a new component from a set of similar objects. The demo video makes it easier to understand the concept. It seems like a really powerful tool for tidying up a project after design exploration is over.