How do I create a component in Figma?

Select one or more layers and press Command Option K on macOS or Ctrl Alt K on Windows. To create a frame from a selection instead, use Command/Ctrl Option/Alt G.

What is the shortcut to zoom to fit in Figma?

Press Shift 1 to zoom so everything on the page fits the window, Shift 2 to zoom to your current selection, and Shift 0 to reset to 100 percent.

How do I open Dev Mode with the keyboard?

Press Shift D to toggle Dev Mode on a file where it is enabled. In Dev Mode you can copy generated CSS, iOS or Android code for a selected layer with Command/Ctrl C.

How do I select a layer inside a group without ungrouping?

Hold Command on macOS or Ctrl on Windows and click to deep-select into nested groups. Press Enter to step into a child and Shift Enter to step back out to the parent.

Do these shortcuts work in the Figma browser app?

Yes. They work in both the desktop app and the browser, though a few browser combinations may clash with browser shortcuts, in which case the desktop app is more reliable.

What is the Figma Keyboard Shortcuts?

A filterable Figma keyboard shortcut reference covering tools, selection, edit and arrange, text, view and zoom, plus prototyping and Dev Mode, with correct keys for macOS and Windows. It runs free in your browser on Gera Tools, with nothing uploaded.

Figma Keyboard Shortcuts

Name: Figma Keyboard Shortcuts
Creator: Gera Tools
License: https://creativecommons.org/licenses/by/4.0/

Get one useful tool a week

Like this tool? Enter your email and we'll send you one genuinely useful Gera tool a week — plus a link to come back to this one. No spam, one-click unsubscribe any time.

Figma keyboard shortcuts

This searchable reference lists the Figma shortcuts that product and UI designers use all day, with the correct keys for both macOS and Windows. It covers the tool keys, selection, edit and arrange commands, text formatting, view and zoom, and the prototyping and Dev Mode actions.

How it works

Figma maps drawing tools to single letters — F for Frame, R for Rectangle, T for Text — and uses Command (macOS) or Ctrl (Windows) with Shift and Option/Alt for editing commands. Zoom uses Shift plus a number, and deep selection into nested groups uses Command/Ctrl-click plus Enter to step in and out. Pick your operating system, search for an action, and each row shows the exact keys for that platform.

Core shortcuts by category

Tools (same on both platforms)

Action	Key
Frame	F
Rectangle	R
Ellipse	O
Text	T
Pen	P
Move / Select	V
Hand (pan)	H
Scale	K

Edit and arrange

Action	macOS	Windows
Create component	⌘ ⌥ K	Ctrl Alt K
Group selection	⌘ G	Ctrl G
Ungroup	⌘ ⇧ G	Ctrl Shift G
Frame selection	⌘ ⌥ G	Ctrl Alt G
Paste in place	⌘ ⇧ V	Ctrl Shift V
Flatten	⌘ E	Ctrl E
Boolean union	⌘ ⌥ U	Ctrl Alt U
Show/hide	⌘ ⇧ H	Ctrl Shift H
Lock / unlock	⌘ ⇧ L	Ctrl Shift L

View and zoom

Action	macOS	Windows
Zoom to fit	⇧ 1	Shift 1
Zoom to selection	⇧ 2	Shift 2
100% zoom	⇧ 0	Shift 0
Toggle rulers	⇧ R	Shift R
Toggle pixel preview	⌃ P	Ctrl P
Toggle Dev Mode	⇧ D	Shift D

Selection and layers

Action	macOS	Windows
Deep-select into group	⌘ click	Ctrl click
Step into child layer	Enter	Enter
Step out to parent	⇧ Enter	Shift Enter
Select all	⌘ A	Ctrl A
Select all on page	⌘ ⌥ A	Ctrl Alt A

Practical tips for faster workflows

Component keyboard path: select any layers you want to turn into a component, press ⌘ ⌥ K (macOS) — Figma names it automatically. To create a local component from an instance, use ⌘ ⌥ B to detach first. Use ⌘ / to search for any action, including ones you do not remember the shortcut for — the command palette covers everything.

Dev Mode workflow: press ⇧ D to toggle Dev Mode on a file, then ⌘ C on a selected layer copies the CSS, iOS Swift, or Android XML depending on which tab you have open. This is the fastest way to hand off spacing and colour tokens to an engineer.

Browser vs desktop: a handful of combinations clash with browser shortcuts (especially ⌘ W to close a tab and F5 to reload). If you spend serious time in Figma, the desktop app removes these conflicts and also enables some shortcut actions that the browser cannot intercept.

Everything in this reference runs in your browser — nothing you type is uploaded.