Shortcuts

Penpot provides shortcuts that help to speed your workflow. Many keyboard shortcuts appear next to the command names in menus.

Here you can find a list of all keyboard shortcuts that you can use in Penpot. Bear in mind that most of them are at the workspace, where they are more needed.

The tables below list the default shortcuts. You can change most of them to fit your keyboard layout or your habits. See Customize shortcuts.

Customize shortcuts

Go to Your account → Shortcuts to see every shortcut and change the ones you want. From the workspace, open the shortcuts panel (Help & info → Shortcuts in the main menu, or ?) and click Customize in Settings.

Your shortcuts are saved in your account, so they follow you to any computer and browser. After a change, reload any other open Penpot tabs to apply it.

Find a shortcut

Shortcuts are grouped into Workspace, Dashboard and Viewer. Use the tabs to see All of them, only your Custom ones, or the ones you Disabled.

The search field matches both the action name and the keys. Type "group" to find the grouping actions, or "shift" to see every shortcut that uses Shift.

Change a shortcut

  1. Click the shortcut you want to change.
  2. Press the new keys. The last combination you press is the one recorded.
  3. Click the check mark to save, or the cross to cancel. Clicking outside the editor also cancels. Esc does not cancel: it is recorded as a key.
Shortcuts settings with a shortcut being edited and a conflict warning

If the keys are already used by another action in the same group, Penpot shows which one. When you save, the shortcut moves to the action you are editing, and the other action appears under Disabled.

Each action takes one combination. If an action had two defaults (for example, two ways to redo), saving a custom one replaces both.

From the same editor you can also disable a shortcut so that no keys trigger it, or reset it to its default value. Custom shortcuts are marked with a dot, and the main menu highlights the custom keys.

Paste cannot be customized.

Keyboard layouts

Letters are recorded by the character they type, so they follow your layout (on AZERTY, the A key records a). With Shift, Alt or another modifier, letter and digit keys record the key itself, not the character the modifier makes (Shift0, not Shift); OptionM on macOS, not µ).

Punctuation keys (such as -, [, / or ') are recorded by their physical position on the keyboard, so Shift with the + key records Shift+ on a Spanish layout. In browsers that do not expose the keyboard layout, such as Firefox or Safari, Penpot records the character you type instead; the shortcut still works there. Keys typed with AltGr record the character they type (\ on a Spanish layout).

One known limitation: number keys set opacity (0–9) only where digits are typed without Shift, so AZERTY layouts need the numeric keypad for them.

Reset to default

When you have custom shortcuts, a Reset all button appears next to the search field. It lists every shortcut that will go back to its default before you confirm.

Export and import your shortcuts

Use the Import/Export button at the bottom of the page to move your setup to another account or share it with your team.

  • Export downloads a JSON file with your custom and disabled shortcuts. It is available once you have changed at least one shortcut.
  • Import reads a JSON file exported from Penpot and shows the shortcuts it will change. Click Import to confirm.

Importing replaces your custom shortcuts in each group included in the file (Workspace, Dashboard or Viewer). Custom shortcuts in those groups that are not in the file go back to their defaults. If an imported shortcut uses keys taken by a default one, the default one is disabled.

Workspace

The Workspace is where the designs are actually created. More about the Workspace.

Item Alignment

Shortcut Linux and Windows macOS
Align bottom AltS ⌥S
Align center horizontally AltH ⌥H
Align center vertically AltV ⌥V
Align left AltA ⌥A
Align right AltD ⌥D
Align top AltW ⌥W
Distribute horizontally CtrlShiftAltH ⌘⇧⌥H
Distribute vertically CtrlShiftAltV ⌘⇧⌥V

Edit

Shortcut Linux and Windows macOS
Cancel Esc Esc
Clear undo CtrlQ AltQ
Copy CtrlC ⌘C
Cut CtrlX ⌘X
Delete Supr or Delete ⌫
Duplicate CtrlD ⌘D
Paste CtrlV ⌘V
Paste to replace CtrlShiftV ⌘⇧V
Find CtrlF ⌘F
Find and replace CtrlH ⌘H
Redo CtrlShiftZ ⌘⇧Z
Start/Stop measurement Alt or . ⌥ or .
Start editing Enter Enter
Undo CtrlZ ⌘Z
Copy link to board ShiftAltC ⇧AltC
Copy properties CtrlAltC ⌘⌥C
Paste properties CtrlAltV ⌘⌥V
Shortcut Linux and Windows macOS
Switch color theme AltM ⌥M
Export shapes CtrlShiftE ⌘⇧E
Select all CtrlA ⌘A
Set thumbnails ShiftT ⇧T
Show/hide grid Ctrl' ⌘'
Show/hide pixel grid Shift, ⇧,
Show/hide rulers CtrlShiftR ⌘⇧R
Show/hide comments CtrlShiftC ⌘⇧C
Show/hide shortcuts ? ?
Snap to grid CtrlShift' ⌘⇧'
Snap to guides CtrlShiftG ⌘⇧G
Snap to pixel grid , ,
Toggle dynamic alignment Ctrl\ ⌘\
Toggle scale tool K K

Modify layers

Shortcut Linux and Windows macOS
Bring forward Ctrl↑ ⌘↑
Bring to front CtrlShift↑ ⌘⇧↑
Create artboard from selection CtrlAltG ⌘⌥G
Create component / variant CtrlK ⌘K
Detach component CtrlShiftK ⌘⇧K
Flip horizontal CtrlH ⌘H
Flip vertical CtrlV ⌘V
Group CtrlG ⌘G
Mask CtrlM ⌘M
Move down ↓ ↓
Move down fast Shift↓ ⇧↓
Move left ← ←
Move left fast Shift← ⇧←
Move right → →
Move right fast Shift→ ⇧→
Move up ↑ ↑
Move up fast Shift↑ ⇧↑
Rename selected layer AltN ⌥N
Send backwards Ctrl↓ ⌘↓
Send to back CtrlShift↓ ⌘⇧↓
Set opacity to 10% 1 1
Set opacity to 20% 2 2
Set opacity to 30% 3 3
Set opacity to 40% 4 4
Set opacity to 50% 5 5
Set opacity to 60% 6 6
Set opacity to 70% 7 7
Set opacity to 80% 8 8
Set opacity to 90% 9 9
Set opacity to 100% 0 0
Ungroup ShiftG ⇧G
Unmask CtrlShiftM ⌘⇧M

Navigation

Shortcut Linux and Windows macOS
Go to dashboard G and then D G and then D
Go to view mode inspect section G and then H G and then H
Go to view mode G and then V G and then V
Go to view mode comments G and then C G and then C

Layers panel

Keyboard shortcuts and mouse actions for the Layers sidebar. Layer order in the panel is bottom-to-top; Tab and Shift + Tab move between siblings of the current selection (wrapping at the ends). Use Ctrl + ↑ / ↓ to change stacking order in the list (see Modify layers).

Action Linux and Windows macOS
Select next layer (sibling) Tab Tab
Select previous layer (sibling) ShiftTab ⇧Tab
Select parent layer ShiftEnter ⇧Enter
Select children (group, frame, or boolean; single selection) Enter Enter
Rename next layer (while renaming in the panel) Tab Tab
Rename previous layer (while renaming in the panel) ShiftTab ⇧Tab
Toggle expand or collapse (group or board) Click disclosure arrow Click disclosure arrow
Expand entire subtree (when collapsed) Alt + click disclosure arrow ⌥ + click disclosure arrow
Collapse all layers in the sidebar (when expanded) Shift + click disclosure arrow ⇧ + click disclosure arrow
Add layer to selection Ctrl + click layer ⌘ + click layer
Range select layers Shift + click layer ⇧ + click layer
Zoom to layer Double-click layer icon Double-click layer icon

Panels

Shortcut Linux and Windows macOS
Assets AltI ⌥I
Color palette AltP ⌥P
Layers AltL ⌥L
Show/hide UI \ \
Text palette AltT ⌥T

Path editor

Copy, cut, paste, duplicate and select all also work on nodes while you edit a path. For mouse gestures, see Reshape with the mouse.

Shortcut Linux and Windows macOS
Delete node, segment or handle Delete or Backspace ⌦ or ⌫
Delete node and segments ShiftDelete ⇧⌫
Draw nodes P P
Join nodes J J
Make corner X X
Make curve C C
Merge nodes CtrlJ ⌘J
Move nodes M M
Separate nodes K K
Snap to nodes Ctrl' ⌘'
Flip horizontally (selected nodes, or the whole path) ShiftH ⇧H
Flip vertically (selected nodes, or the whole path) ShiftV ⇧V

Shapes

Shortcut Linux and Windows macOS
Boolean difference CtrlAltD ⌘⌥D
Boolean exclude CtrlAltE ⌘⌥E
Boolean intersection CtrlAltI ⌘⌥I
Boolean union CtrlAltU ⌘⌥U

Tools

Shortcut Linux and Windows macOS
Board B B
Curve ShiftC ⇧C
Ellipse E E
Image ShiftK ⇧K
Line L L
Path P P
Rectangle R R
Text T T
Flex Layout ShiftA ShiftA
Grid Layout CtrlShiftA ⌘ShiftA
Color picker I I
Comments C C
Lock Proportions ShiftL ⇧L
Lock selected CtrlShiftL ⌘⇧L
Move V V
Toggle focus mode F F
Toggle scale text K K
Toggle visibility CtrlShiftH ⌘⇧H

Zoom

Shortcut Linux and Windows macOS
Reset zoom to 100% Shift 0 ⌘ ⇧ 0
Zoom in +

Ctrl Scrollwheel

Pinch out (trackpad)
+

Option Scrollwheel

Option-swipe (Magic Mouse)

Pinch out (trackpad)
Zoom to fit all Shift 1 ⌘ ⇧ 1
Zoom to selected Shift 2 ⌘ ⇧ 2
Zoom out -

Ctrl Scrollwheel

Pinch in (trackpad)
-

Option Scrollwheel

Option-swipe (Magic Mouse)
Pinch in (trackpad)
Zoom lense in Z Z
Zoom lense out Alt Z ⌥ Z

Text edition

Shortcut Linux and Windows macOS
Bold Ctrl B ⌘ B
Italic Ctrl I ⌘ I
Underline Ctrl U ⌘ U
Strikethrough Shift Alt 5 ⇧ ⌥ 5
Increase font size Ctrl Shift . ⌘ ⇧ .
Decrease font size Ctrl Shift , ⌘ ⇧ ,

Dashboard

The Dashboard is the place where you will be able to organize your files, libraries, projects and teams. More about the Dashboard.

Generic

Shortcut Linux and Windows macOS
Switch color theme AltM ⌥M
Create new project + +
Create new file (Inside project) + +
Shortcut Linux and Windows macOS
Go to shared libraries G and then L G and then L
Go to drafts G and then D G and then D
Search CtrlF ⌘F

View mode

The View mode is the area to present and share designs and play the prototype interactions. More about the View mode.

Generic

Shortcut Linux and Windows macOS
Next frame → →
Previous frame ← ←
Select all CtrlA ⌘A
Shortcut Linux and Windows macOS
Go to comment section G and then C G and then C
Go to inspect section G and then H G and then H
Go to interactions section G and then V G and then V
Go to workspace G and then W G and then W

Zoom

Shortcut Linux and Windows macOS
Zoom in +

Ctrl Scrollwheel

Pinch out (trackpad)
+

Option Scrollwheel

Option-swipe (Magic Mouse)

Pinch out (trackpad)
Zoom out -

Ctrl Scrollwheel

Pinch in (trackpad)
-

Option Scrollwheel

Option-swipe (Magic Mouse)
Pinch in (trackpad)
Reset zoom to 100% Shift 0 ⇧ 0
Toggle zoom style F F
Toggle fullscreen Shift F ⇧ F