ShortcutPosters

Get the Figma Dev Mode poster

4 art directions — pick one below, click to zoom & compare.

Layout
FIGMA DEV MODEKEYBOARD SHORTCUTS · MAC · 291⇧Zoom to fit2⇧Zoom to s…345678⌥Open the i…9⌥Open the p…0⌘Zoom to 1…QWERTYAnnotation…UIPick colour…OPASD⇧Switch to…FGHJK⌘Quick acti…LZXC⌘CopyVInspect toolBNZoom to n…M⇧Measurem…MORE SHORTCUTSShow or hide the UI⌘\Comment toolCZoom in⌘⇧=Zoom out⌘−Show keyboard short…⌃⇧/Focus the next layer→Focus the previous la…←Copy as PNG⌘⇧CShow multiplayer cur…⌘⌥\Move focus to the ne…F6Move focus to the pre…⇧F6Zoom to previous fra…⇧NFind next frame↘Find previous frame↖Next page⇟Previous page⇞shortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH FIGMA DEV MODE · MAC
ESSENTIALSSwitch to Design⇧DQuick actions⌘KShow or hide the UI⌘\Show keyboard shortcuts⌃⇧/EDITINGCopy⌘CCopy as PNG⌘⇧CSELECTIONFocus the next layer→Focus the previous layer←VIEWOpen the inspect panel⌥8Open the plugins panel⌥9Show multiplayer cursors⌘⌥\Move focus to the next areaF6Move focus to the previous area⇧F6TOOLSInspect toolVComment toolCAnnotation toolYMeasurement tool⇧MPick colour with the eyedropperIZOOMZoom in⌘⇧=Zoom out⌘−Zoom to 100%⌘0Zoom to fit⇧1Zoom to selection⇧2Zoom to next frameNZoom to previous frame⇧NFind next frame↘Find previous frame↖Next page⇟Previous page⇞Figma Dev ModeKEYBOARD SHORTCUTS · MAC · 29BOTH LAYOUTSQWERTYQWERTYAZERTYAZERTYshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH FIGMA DEV MODE · MAC
ESSENTIALS04Switch to Design⇧DQuick actions⌘KShow or hide the UI⌘\Show keyboard shortcuts⌃⇧/EDITING02Copy⌘CCopy as PNG⌘⇧CSELECTION02Focus the next layer→Focus the previous layer←VIEW05Open the inspect panel⌥8Open the plugins panel⌥9Show multiplayer cursors⌘⌥\Move focus to the next areaF6Move focus to the previous area⇧F6TOOLS05Inspect toolVComment toolCAnnotation toolYMeasurement tool⇧MPick colour with the eyedropperIZOOM11Zoom in⌘⇧=Zoom out⌘−Zoom to 100%⌘0Zoom to fit⇧1Zoom to selection⇧2Zoom to next frameNZoom to previous frame⇧NFind next frame↘Find previous frame↖Next page⇟Previous page⇞Figma Dev ModeKEYBOARD SHORTCUTS · MAC · 29BOTH LAYOUTSQWERTYQWERTYAZERTYAZERTYshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH FIGMA DEV MODE · MAC
FIGMA DEV MODE · KEYBOARD SHORTCUTSMac · 6 SETS · No.01FIGMA DEV MODETOTAL29SHORTCUTSFOR MAC · SHIPPED COMBOSSETSESSENTIALS04TOOLS05EDITING02ZOOM11SELECTION02VIEW05REF. EDITION · JAN 2026shortcutposters.comSwitch to Design⇧DQuick actions⌘KShow or hide the UI⌘\Show keyboard shortcuts⌃⇧/Inspect toolVComment toolCAnnotation toolYMeasurement tool⇧MPick colour with the eyedropperICopy⌘CCopy as PNG⌘⇧CZoom in⌘⇧=Zoom out⌘−Zoom to 100%⌘0Zoom to fit⇧1Zoom to selection⇧2Zoom to next frameNZoom to previous frame⇧NFind next frame↘Find previous frame↖Next page⇟Previous page⇞Focus the next layer→Focus the previous layer←Open the inspect panel⌥8Open the plugins panel⌥9Show multiplayer cursors⌘⌥\Move focus to the next areaF6Move focus to the previous area⇧F6

Figma Dev Mode Keyboard Shortcuts Poster

Mac edition · 29 shortcuts

A printable, framed-quality poster of the essential Figma Dev Mode shortcuts for Mac — the keys worth keeping in view, designed to stay readable on a wall.

Edition

Free PNG is web-resolution & lightly watermarked.

Customise this poster Pick the shortcuts, restyle the colours — download free. Get the framed-quality print Full 300 DPI, print-ready — at home or shipped to your door.

Dev Mode is the read-only half of a Figma file: you inspect a layer, read its code and measurements, and leave the design alone. Because nothing is editable, the shortcut set is small and almost all of it is navigation — walking frames and layers, then copying what you need out.

All Figma Dev Mode keyboard shortcuts (Mac)

Layout
Esc
F1
F2
F3
F4
F5
F6
F7
F8
F9
F10
F11
F12
`
1
2
3
4
5
6
7
8
9
0
-
=
⌫
Tab
Q
W
E
R
T
Y
U
I
O
P
[
]
\
⇪
A
S
D
F
G
H
J
K
L
;
'
↩
Shift
Z
X
C
V
B
N
M
,
.
/
Shift
⌃
⌘
⌥
Space
⌥
⌘
⌃
↑
←
↓
→

+ 4 more controls in the table below

29 shortcuts

Zoom 11

Action Shortcut
Zoom in ⌘⇧=
Zoom out ⌘−
Zoom to 100% ⌘0
Zoom to fit ⇧1
Zoom to selection ⇧2
Zoom to next frame N
Zoom to previous frame ⇧N
Find next frame ↘
Find previous frame ↖
Next page ⇟
Previous page ⇞

Tools 5

Action Shortcut
Inspect tool V
Comment tool C
Annotation tool Y
Measurement tool ⇧M
Pick colour with the eyedropper I

View 5

Action Shortcut
Open the inspect panel ⌥8
Open the plugins panel ⌥9
Show multiplayer cursors ⌘⌥\
Move focus to the next area F6
Move focus to the previous area ⇧F6

Essentials 4

Action Shortcut
Switch to Design ⇧D
Quick actions ⌘K
Show or hide the UI ⌘\
Show keyboard shortcuts ⌃⇧/

Selection 2

Action Shortcut
Focus the next layer →
Focus the previous layer ←

Editing 2

Action Shortcut
Copy ⌘C
Copy as PNG ⌘⇧C

Sourced from figma.com, static.figma.com Last verified Shortcuts last changed

Unofficial reference. ShortcutPosters is not affiliated with, endorsed by, or sponsored by Figma Dev Mode. All product names, logos, and trademarks are property of their respective owners. See our licensing & trademark notice.

Frequently asked questions

Does the poster include every Figma Dev Mode shortcut?
Figma Dev Mode has 29 keyboard shortcuts on macOS — the complete list is free to read on this page. The poster features the most essential ones, curated to stay readable on a wall.
Can I print it at home?
Yes. The digital download is a high-resolution 300 DPI file you can print at home or at any print shop, in standard frame sizes.
Does it cover both Mac and Windows?
We sell a separate edition per platform so every key matches your keyboard exactly. This page is the macOS edition.
Is this an official Figma Dev Mode product?
No. This is an unofficial reference poster and is not affiliated with or endorsed by Figma Dev Mode. All trademarks belong to their respective owners.

Promote your app

Built an app with great keyboard shortcuts? Get it into the database — a free, searchable reference page, and an optional printable poster your power users will pin to the wall.

  • Free shortcut reference page
  • Indexed & searchable
  • Optional framed poster