ShortcutPosters

Get the Figma Sites poster

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

Layout
FIGMA SITESKEYBOARD SHORTCUTS · MAC · 52 ESSENTIAL1⇧Zoom to fit2⇧Zoom to s…3⌥Show the…4567890⌘Zoom to 1…QToggle mu…W⌥Align topE⌘Flatten sel…R⌘ ⌥Text align r…TText toolYU⌘UnderlineI⌘ItalicOEllipse toolPPen toolA⌘Select allS⌥Align botto…D⌘DuplicateFFrame toolG⌘Group sele…H⌥Align horiz…JK⌘Quick acti…L⌘ ⌥Text align l…Z⌘UndoX⌘CutC⌘CopyVMove toolB⌘BoldNZoom to n…MMORE SHORTCUTSRedo⌘⇧ZPaste⌘VAdd auto layout⇧AShow or hide the…⌘\Open the full pre…⌘⌥↵Zoom in⌘⇧=Zoom out⌘−Select none⎋Ungroup selecti…⌘⌫Delete⌫Align left⌥AAlign right⌥DShow keyboard…⌃⇧/Open the insert…⇧IComment toolCShow the design…⌥1Show the code v…⌥2Increase font size⌘⇧.Decrease font si…⌘⇧,Swap fill and str…⇧XUnion selection⌥⇧USubtract selection⌥⇧SSelect children↵Select parent\Frame selection⌘⌥Gshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH FIGMA SITES · MAC
TEXTBold⌘BItalic⌘IUnderline⌘UIncrease font size⌘⇧.Decrease font size⌘⇧,Strikethrough⌘⇧XOpen the link panel⌘⇧UText align left⌘⌥LText align center⌘⌥TText align right⌘⌥RARRANGEAdd auto layout⇧AAlign left⌥AAlign right⌥DAlign top⌥WAlign bottom⌥SAlign horizontal centres⌥HAlign vertical centres⌥VBring forward⌘]Send backward⌘[Bring to front]Send to back[Distribute horizontal spacing⌃⌥HDistribute vertical spacing⌃⌥VSHAPESSwap fill and stroke⇧XFlatten selection⌘EUnion selection⌥⇧USubtract selection⌥⇧SIntersect selection⌥⇧IExclude selection⌥⇧ERemove fill⌥/Remove stroke⇧/Outline stroke⌘⌥OTOOLSMove toolVFrame toolFText toolTEllipse toolOPen toolPComment toolCPencil tool⇧PCode component toolBPaint bucket tool⇧BEDITINGUndo⌘ZRedo⌘⇧ZCopy⌘CCut⌘XPaste⌘VDuplicate⌘DDelete⌫Search on the canvas⌘FPaste over selection⌘⇧VVIEWShow the design view⌥1Show the code view⌥2Show the CMS view⌥3Toggle multi-editQShow multiplayer cursors⌘⌥\ESSENTIALSQuick actions⌘KShow or hide the UI⌘\Open the full preview⌘⌥↵Show keyboard shortcuts⌃⇧/Open the insert panel⇧ISELECTIONSelect all⌘AGroup selection⌘GSelect none⎋Ungroup selection⌘⌫Select children↵Select parent\Frame selection⌘⌥GDeep select⌘LMBSelect next sibling⇥ZOOMZoom 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 SitesKEYBOARD SHORTCUTS · MAC · 80 ESSENTIALBOTH LAYOUTSQWERTYQWERTYAZERTYAZERTYshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH FIGMA SITES · MAC
ESSENTIALS05Quick actions⌘KShow or hide the UI⌘\Open the full preview⌘⌥↵Show keyboard shortc…⌃⇧/Open the insert panel⇧IEDITING09Undo⌘ZRedo⌘⇧ZCopy⌘CCut⌘XPaste⌘VDuplicate⌘DDelete⌫Search on the canvas⌘FPaste over selection⌘⇧VSHAPES09Swap fill and stroke⇧XFlatten selection⌘EUnion selection⌥⇧USubtract selection⌥⇧SIntersect selection⌥⇧IExclude selection⌥⇧ERemove fill⌥/Remove stroke⇧/Outline stroke⌘⌥OTEXT10Bold⌘BItalic⌘IUnderline⌘UIncrease font size⌘⇧.Decrease font size⌘⇧,Strikethrough⌘⇧XOpen the link panel⌘⇧UText align left⌘⌥LText align center⌘⌥TText align right⌘⌥RVIEW05Show the design view⌥1Show the code view⌥2Show the CMS view⌥3Toggle multi-editQShow multiplayer cur…⌘⌥\TOOLS09Move toolVFrame toolFText toolTEllipse toolOPen toolPComment toolCPencil tool⇧PCode component toolBPaint bucket tool⇧BZOOM11Zoom in⌘⇧=Zoom out⌘−Zoom to 100%⌘0Zoom to fit⇧1Zoom to selection⇧2Zoom to next frameNZoom to previous fra…⇧NFind next frame↘Find previous frame↖Next page⇟Previous page⇞SELECTION09Select all⌘AGroup selection⌘GSelect none⎋Ungroup selection⌘⌫Select children↵Select parent\Frame selection⌘⌥GDeep select⌘LMBSelect next sibling⇥ARRANGE13Add auto layout⇧AAlign left⌥AAlign right⌥DAlign top⌥WAlign bottom⌥SAlign horizontal cen…⌥HAlign vertical centr…⌥VBring forward⌘]Send backward⌘[Bring to front]Send to back[Distribute horizonta…⌃⌥HDistribute vertical…⌃⌥VFigma SitesKEYBOARD SHORTCUTS · MAC · 80 ESSENTIALBOTH LAYOUTSQWERTYQWERTYAZERTYAZERTYshortcutposters.comUPDATED JAN 2026 · COMPATIBLE WITH FIGMA SITES · MAC
FIGMA SITES · KEYBOARD SHORTCUTSMac · 9 SETS · No.01FIGMA SITESTOTAL80SHORTCUTSFOR MAC · SHIPPED COMBOSSETSESSENTIALS05TOOLS09TEXT10SELECTION09EDITING09ARRANGE13ZOOM11VIEW05SHAPES09REF. EDITION · JAN 2026shortcutposters.comQuick actions⌘KShow or hide the UI⌘\Open the full preview⌘⌥↵Show keyboard shortcuts⌃⇧/Open the insert panel⇧IMove toolVFrame toolFText toolTEllipse toolOPen toolPComment toolCPencil tool⇧PCode component toolBPaint bucket tool⇧BBold⌘BItalic⌘IUnderline⌘UIncrease font size⌘⇧.Decrease font size⌘⇧,Strikethrough⌘⇧XOpen the link panel⌘⇧UText align left⌘⌥LText align center⌘⌥TText align right⌘⌥RSelect all⌘AGroup selection⌘GSelect none⎋Ungroup selection⌘⌫Select children↵Select parent\Frame selection⌘⌥GDeep select⌘LMBSelect next sibling⇥Undo⌘ZRedo⌘⇧ZCopy⌘CCut⌘XPaste⌘VDuplicate⌘DDelete⌫Search on the canvas⌘FPaste over selection⌘⇧VAdd auto layout⇧AAlign left⌥AAlign right⌥DAlign top⌥WAlign bottom⌥SAlign horizontal centres⌥HAlign vertical centres⌥VBring forward⌘]Send backward⌘[Bring to front]Send to back[Distribute horizontal spacing⌃⌥HDistribute vertical spacing⌃⌥VZoom 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⇞Show the design view⌥1Show the code view⌥2Show the CMS view⌥3Toggle multi-editQShow multiplayer cursors⌘⌥\Swap fill and stroke⇧XFlatten selection⌘EUnion selection⌥⇧USubtract selection⌥⇧SIntersect selection⌥⇧IExclude selection⌥⇧ERemove fill⌥/Remove stroke⇧/Outline stroke⌘⌥O

Figma Sites Keyboard Shortcuts Poster

Mac edition · 92 shortcuts

A printable, framed-quality poster of the essential Figma Sites 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.

Figma Sites turns a Figma file into a published website, so the editor carries the usual canvas shortcuts plus a set of its own for swapping between the design, code and CMS views. If you already know Figma Design, the keys you have to learn here are the view switches and the full preview.

All Figma Sites 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
⌥
⌘
⌃
↑
←
↓
→

+ 8 more controls in the table below

92 shortcuts

Text 19

Action Shortcut
Bold ⌘B
Italic ⌘I
Underline ⌘U
Increase font size ⌘⇧.
Decrease font size ⌘⇧,
Strikethrough ⌘⇧X
Open the link panel ⌘⇧U
Text align left ⌘⌥L
Text align center ⌘⌥T
Text align right ⌘⌥R
Bulleted list ⌘⇧8
Numbered list ⌘⇧7
Text align justified ⌘⌥J
Increase font weight ⌘⌥.
Decrease font weight ⌘⌥,
Increase letter spacing ⌥.
Decrease letter spacing ⌥,
Increase line height ⌥⇧.
Decrease line height ⌥⇧,

Arrange 13

Action Shortcut
Add auto layout ⇧A
Align left ⌥A
Align right ⌥D
Align top ⌥W
Align bottom ⌥S
Align horizontal centres ⌥H
Align vertical centres ⌥V
Bring forward ⌘]
Send backward ⌘[
Bring to front ]
Send to back [
Distribute horizontal spacing ⌃⌥H
Distribute vertical spacing ⌃⌥V

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 ⇞

Shapes 11

Action Shortcut
Swap fill and stroke ⇧X
Flatten selection ⌘E
Union selection ⌥⇧U
Subtract selection ⌥⇧S
Intersect selection ⌥⇧I
Exclude selection ⌥⇧E
Remove fill ⌥/
Remove stroke ⇧/
Outline stroke ⌘⌥O
Join selection ⌘J
Delete and heal selection ⇧⌫

Editing 10

Action Shortcut
Undo ⌘Z
Redo ⌘⇧Z
Copy ⌘C
Cut ⌘X
Paste ⌘V
Duplicate ⌘D
Delete ⌫
Search on the canvas ⌘F
Paste over selection ⌘⇧V
Paste to replace ⌘⇧R

Tools 9

Action Shortcut
Move tool V
Frame tool F
Text tool T
Ellipse tool O
Pen tool P
Comment tool C
Pencil tool ⇧P
Code component tool B
Paint bucket tool ⇧B

Selection 9

Action Shortcut
Select all ⌘A
Group selection ⌘G
Select none ⎋
Ungroup selection ⌘⌫
Select children ↵
Select parent \
Frame selection ⌘⌥G
Deep select ⌘LMB
Select next sibling ⇥

Essentials 5

Action Shortcut
Quick actions ⌘K
Show or hide the UI ⌘\
Open the full preview ⌘⌥↵
Show keyboard shortcuts ⌃⇧/
Open the insert panel ⇧I

View 5

Action Shortcut
Show the design view ⌥1
Show the code view ⌥2
Show the CMS view ⌥3
Toggle multi-edit Q
Show multiplayer cursors ⌘⌥\

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 Sites. 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 Sites shortcut?
Figma Sites has 92 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 Sites product?
No. This is an unofficial reference poster and is not affiliated with or endorsed by Figma Sites. 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