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.
Official:Official site
All Figma Sites keyboard shortcuts (Mac)
+ 8 more controls in the table below
+ 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.
Get the Figma Sites poster
4 art directions — pick one below, click to zoom & compare.
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.
Free PNG is web-resolution & watermarked.
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.
Related posters
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