Skip to main content

Additional keyboard modifiers or shortcuts to deep-select to select only components

  • November 20, 2024
  • 1 reply
  • 51 views

Tom_Auger2

Use case: Once an advanced UI has been built , users want a way to quickly select nested components in order to modify their properties and attributes. In this stage of design, designers are less interested in manipulating sub-elements of a component, and more interested in selecting the component itself to modify properties and variables.

Current challenges: the deep-select modifier (CMD/CTRL) is currently the most efficient way to access deeply nested items, however it is fairly indiscriminate and will often select the deepest nested element under the cursor. With complex components this often means a graphical element like a frame or a text element, requiring the user to step out of the hierarchy, often a number of steps, before arriving on the parent component, or they must use the mouse to then select the parent component from the Design properties panel.

Recommendation / Request:
Provide an optional modifier key to be used while deep-selecting to restrict selection to only components. It could still select the deepest nested component in cases where there is ambiguity. For example, (on the Mac):

  • CMD-click to select the deepest nested layer under the cursor (current functionality)
  • CMD-right-click to get a menu of all the nested layers under the cursor (currently functionality but please fix the layer select bug)
  • CMD-Opt-click to select the deepest nested component under the cursor
  • CMD-Opt-right-click to get a menu of only nested component layers under the cursor.

This would greatly improve the efficiency of working at later stages of mockup/design.

Optional shortcut: please provide a shortcut/hotkey for “Select Parent Instance” which can currently only be accessed via a hidden UI control in the Design properties palette when hovering over the parent instance.

1 reply

ty_le
  • New Member
  • 2 replies
  • August 4, 2025

+1! I was going to post about this and glad that others also share the same frustrations! I noticed this has been discussed years ago in various other threads that are now closed: 

https://forum.figma.com/archive-21/component-select-shortcut-similar-to-deep-select-34788?tid=34788&fid=21

https://forum.figma.com/archive-21/make-it-easier-for-viewers-to-select-nested-frames-for-icons-export-and-layout-inspection-29481/index2.html?tid=29481&fid=21

I very often find myself clicking on the text of a nested component and then having to use \ or ⇧+⏎ multiple times to go “up” to the parent component.

On one of the old threads, someone suggested to lock child layers and add a 0.01% opacity fill on the top level layer of the component, but this is a hacky workaround. Please give us this feature!


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings