Keystrokes

Example preview

With this example, we have a few options:

• Okay: Double-click to select one of the tags. Then, hold down Shift while clicking once on each other tags. This option is relatively easy to remember, but time-consuming.
• Better: Double-click to select one of the tags. Then, press CommandA to select it and all of its sibling layers within that frame. This option takes advantage of a common keyboard shortcut to “Select all,” which means it’s fairly easy to remember while also being more efficient.
• Best: Click once to select the frame containing the tags. Press Return or Enter to select all the children layers of the selection. This option will change how you navigate designs in Figma.

How to write keystrokes in Chalk

The simplest way to add a keystroke is with <<Shift>> or <<F>>.

You can make a more compound keystroke by writing any of the following:

• <<Command A>>
• <<Command + A>>
• <<Command+A>>
• <<Command-A>>
• <<Command - A>>

If your keystrokes include a + or -, they should come last to be unambiguous, like <<Ctrl +>> or <<Command Shift ->>. Alternately, you can write out the word like <<Command + Minus>>, and it will get picked up.

Although not neccessary, it may sometimes be more readable to enclose keystrokes separately in optional square brackets, like <<Command [+]>> or <<Ctrl [=]>>.

Capitalization is optional, but encouraged for readability and consistency in raw form. Single-letter keystrokes, like <<a>>, even when written in lowercase, will render in uppercase, to better match most keyboards.

If you prefer, multiple keystrokes separated only by whitespace will be treated as a keystroke group, like <<Command>> <<Option>> <<Shift>> <<M>>.

When indicating the spacebar, you can write <<Space>> (preferred), <<Spacebar>>, or <<[ ]>>.