Figma Support Forum

ESC key to back out 1 level

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.

6 Likes

ENTER : Go down one level
SHIFT + ENTER : Go up one level
⌘ + Right click : Select specific level

3 Likes

Yup this!

We use a different key command, partially due to how different browsers handle the esc key. It takes a little while to get used to, but once you commit it to muscle memory it becomes quite fast to navigate the layers panel via the keyboard.

TAB and SHIFT+TAB go up and down within the “group” level you’re in too. :slight_smile:

PS: Changing this to “Product Questions” since this functionality exists.

1 Like

Any chance to configure it on Desktop to be esc key instead of ⇧Enter?

With growing usage of Auto Layout (even for grouping and arranging “Artboards”) and having a very nested layers, I feel that it’s becoming crucial to have a better way for deep selecting elements. Taking the hand off the mouse to hit ⇧Enter seems not that productive (as the left hand usually stays on for the common shortcuts).

1 Like

My thoughts exactly. While I’ve already started using the keyboard commands mentioned, it is faster and simpler to take your left hand - probably already on the keyboard - and tap the ESC key without taking your eyes off the screen or your hands off the mouse.
Having said that: I’m grateful for pointing out the current method, because it’s easier than the way I was doing it. It’s just not as easy as the ESC key method :slight_smile:

4 Likes

I would agree with comments about ESC being more intuitive because your left hand is already on the keyboard. It might be that shift+enter works better for laptop designing, but as a heavy mouse+KB user, having to lift my hand from the mouse adds latency to the action. Perhaps a compromise could be an app-only preference to enable ESC behavior?

5 Likes

Design App developers have weird idea. I think it started with Sketch. Actually it is very stupid idea. The stupid idea is “Lets force people to use unchangeable shortcuts.” I worked with Sketch for 2 years. I NEVER USED TO USE “V” SHORTKEY.

I know Figma’s navigation shortcuts. I tried to learn them million times and today I’m writing this command because I still can’t use double keys shortcut to reach to parent. Simply because that functionality is needed tons of times while designing. And beside that please get rid of above idea. please. It is not “cool” trust me.

After many years some keys became fixed in designers brains and fingers. But today, every design app try to change them. It is like changing AWSD keys of gamers and don’t let them change those keys. But we can ability to change ancient AWSD keys if you wand can’t we? Design apps behave opposite way. Imagine those tools made for producing UX/UI solutions but they don’t have some basics in their own interfaces.

Look… pressing Shift+Enter force designer/user to leave his/her hand from the mouse. Sometimes to use that shortcut we have to use left hand for shift + right hand for Enter. Both ways are problematic. Don’t approach this topic as BRANDING LOGIC.
ESC and Shift ESC only need left hand as well.

I’m wasting my time. anyway…

1 Like

Solved?
Question was not “what is figma shortcuts to reach parent”
Who pinned this as “solved answer” LOL

@Burak It was marked as resolved because we showed him the current way of doing things. Each section has its role, so you will see that each time we invite people to open a topic Product ideas for feature request to allow votes and a better categorization to facilitate the task to the technical team.

1 Like

The problem I’m having is that I can’t use one hand to perform this selection, super annoying when Shift + Enter are the key commands used continuously. Esc was a button I could push without looking or lifting my other hand up off the mouse or trackpad.

1 Like

What is the binding keywords to change the shortcut on Mac? Is it Select Parent?

There is no such menu action. You need to use an amazing tool like Better Touch Tool or Keyboard Maestro to do that. Bind Esc to Shift + Enter. Or better Shift + Esc, since Esc has other actions depending on the context.

1 Like

I use the Select Parent plugin and have it mapped to CMD+` so I can left-hand it. macOS won’t allow ESC itself, but you can also map to CM+ESC. Shift+Enter doesn’t work to keep my hand on the mouse.

2 Likes

Thank you for sharing that plugin. How can I determine a shortcut for it?

oh Mac… I guess as a windows user we can’t do that.

Just configured with Better Touch Tool. Feeling relieved.