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.
Official:Official site
All Figma Dev Mode keyboard shortcuts (Windows)
+ 4 more controls in the table below
+ 4 more controls in the table below
29 shortcuts
Zoom 11
| Action | Shortcut |
|---|---|
| Zoom in | CtrlShift= |
| Zoom out | Ctrl− |
| Zoom to 100% | Ctrl0 |
| Zoom to fit | Shift1 |
| Zoom to selection | Shift2 |
| Zoom to next frame | N |
| Zoom to previous frame | ShiftN |
| Find next frame | End |
| Find previous frame | Home |
| Next page | PgDn |
| Previous page | PgUp |
Tools 5
| Action | Shortcut |
|---|---|
| Inspect tool | V |
| Comment tool | C |
| Annotation tool | Y |
| Measurement tool | ShiftM |
| Pick colour with the eyedropper | I |
View 5
| Action | Shortcut |
|---|---|
| Open the inspect panel | Alt8 |
| Open the plugins panel | Alt9 |
| Show multiplayer cursors | CtrlAlt\ |
| Move focus to the next area | CtrlF6 |
| Move focus to the previous area | CtrlShiftF6 |
Essentials 4
| Action | Shortcut |
|---|---|
| Switch to Design | ShiftD |
| Quick actions | CtrlK |
| Show or hide the UI | Ctrl\ |
| Show keyboard shortcuts | CtrlShift/ |
Selection 2
| Action | Shortcut |
|---|---|
| Focus the next layer | RIGHT |
| Focus the previous layer | LEFT |
Editing 2
| Action | Shortcut |
|---|---|
| Copy | CtrlC |
| Copy as PNG | CtrlShiftC |
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.
Get the Figma Dev Mode poster
4 art directions — pick one below, click to zoom & compare.
A printable, framed-quality poster of the essential Figma Dev Mode shortcuts for Windows — the keys worth keeping in view, designed to stay readable on a wall.
Free PNG is web-resolution & watermarked.
Frequently asked questions
- Does the poster include every Figma Dev Mode shortcut?
- Figma Dev Mode has 29 keyboard shortcuts on Windows — 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 Windows 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.
Thanks — your feedback helps us improve.
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