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.

Figma Keyboard Shortcuts

Email me this result

Get this tool's output sent to your inbox, plus one useful tool a week. No spam, 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.

Example

A few of the most-used Figma shortcuts across both systems:

Action	macOS	Windows
Frame tool	F	F
Create component	⌘ ⌥ K	Ctrl Alt K
Zoom to fit	⇧ 1	Shift 1
Group selection	⌘ G	Ctrl G
Toggle Dev Mode	⇧ D	Shift D

Notes

A handful of combinations only apply with a layer or text selected, and a few may collide with browser shortcuts when you run Figma in a tab. The whole reference and its search run in your browser; nothing you type is uploaded.