Skip to main content
Tom_Coggia
New Participant
January 25, 2021

ESC key to back out 1 level

  • January 25, 2021
  • 31 replies
  • 8885 views

Like most users, I end up with many layers (often in nested groups) and sometimes I just want to back “up” one level to apply some settings, or nudge it with the keyboard, etc.
For example: I have a button (component) that is buried some levels down inside a few different nested groups, and I want to nudge it a few pixels to the left. Currently, I have to click/double-click on the element repeatedly until I reach the button (but not too deep or I’ll select the text which cannot be “nudged” with the arrow keys to move the button).
A trick I used often in Sketch is to command+click to directly jump to the deepest level, then tap the ESC key to go up one level where I can nudge to my heart’s content.
This 1/2 works in Figma. Command+click works - and is useful for text overrides, for example - but tapping the ESC key is a global deselect function.
While deselecting everything is sometimes useful, it’s easy to click on the artboard or an area with no objects if that’s what you want to do. It’s far more tedious to traverse many layers and the ability to reliably step up/down would be useful. The Enter key kinda does this for stepping down…the ESC key is the logical choice to step up.

31 replies

Tom_Coggia
New Participant
July 2, 2021

They’re pretty sure they’ve got this issue nailed down tight with their shift+enter solution. I disagree, as it continues to interrupt my workflow - constantly - in just the way you (and others) describe.
The makers of Figma are clearly smart, dedicated folks, but I think they got this one wrong.

Ignazio_Lacitignola
September 17, 2021

YOU ARE AMAZING. Thank you for sharing.

October 17, 2021

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

TomAustin
New Participant
January 26, 2022

Currently ESC deselects everything but I think it is more intuitive to move up a layer.

In Xd, pressing ESC moves you up/out a layer which I find useful for selecting containers and frames.

My habit is to ctrl-click into the object then escape until I have the correct frame selected.

Perhaps I am expecting Figma to function like other tools, if there is an intended way to select frames/containers quicker than clicking the layers panel on the left I would appreciate the support.

Thanks
Tom

Edit 02.03.2022 - I have changed my mind. Adjusting to shift-enter was not too bad and now I have become accustom to using that shortcut, it is a slight inconvience to have to take my hand off my mouse but it works fine.

Tom_Coggia
New Participant
January 26, 2022

I agree with you. Figma, however, disagrees.

Anders2
January 28, 2022

Make “escape” just move up a layer. We can already click on an “empty” zone to deselect. The Enter+shift hotkey is trash and pretending like it’s solved because there is a bad hotkey to do this is fascist.

Salty
April 24, 2022

Given the massive number of layers that can be generated with large projects, and the way designs tools like Figma, XD, and others nest layers, managing and working with the Layers panel has become a chore in itself.

As seen in this thread alone, many designers are loudly telling Figma we desire a simpler means to navigate through layers. Whether that’s using the ESC key – a technique used by competitors (tools we’ve migrated from) – or Command+Click to toggle through overlapping layers, a more natural solution is needed. Conceptually this makes sense: When you are working “inside” a group of layers nested inside an auto-layout nested inside a frame, a designer’s instinct is often to “back out” and return to a level higher-up (but not out) of the set.

Using a single key (ESC) is faster and more natural for something as simple as up-leveling out of layer sets. Pressing multiple keys, like Shift+Command+K to insert an image or Shift+Enter to jump all the way back to the parent layer group, is more of a committed act. Jumping through layers happens so often it’s almost unconscious, and a single key command would produce a better UX.

Sumul_Shah
August 12, 2022

I’d also love to be able to use esc to go up a level, since I have years of muscle memory behind that behavior. Glad to hear that Shift + Enter is possible though. FWIW, there’s a Shift key directly under the Enter key, at least on English keyboards, so I’m hoping it’s not too bad to just slide my left hand over and hit them both with one hand. And that has the side benefit of making it easy to go back down a level if I back out too far by using Enter without Shift.

Ashlillings
November 9, 2022

I realize this thread is a bit older, but it’s the one I found when I first started trying to troubleshoot this issue myself. There is a solution, thank goodness.

By default, \ is keyboard shortcut to select a parent. You can change that keybinding in the keyboard shortcut panel within the Selection tab:

See here how to access the keyboard shortcuts panel:
https://help.figma.com/hc/en-us/articles/360040328653-Use-shortcuts-and-quick-actions#Open_the_keyboard_shortcuts_panel

Ashlillings
November 9, 2022

Edit: apparently you can’t change the keybinding. I’m also perplexed by the purpose of the blue highlights…maybe it’s just showing the shortcuts you’ve used to quickly show the ones you have yet to discover? Weird, but ok.