I moved to Figma from Adobe XD in early 2022 after joining Kevin Geary’s Inner Circle community. The trainings and community have been invaluable to my development, not only to web design but business in general.
Using his new ACSS product, Frames for Figma, has forced me to up my game and I’m sharing the power shortcuts that I use everyday in Figma. This allows me use ACSS Frames during the wireframing process.
I’m sure I will be adding / adjusting these the more I use Frames but these all serve my workflow well.
Mac Figma Shortcuts I Use
| F | New Frame |
| T | Text |
| CTRL + Shift + ? | Brings up the shortcut panel |
| Shift + A | Wraps selection in a auto layout |
| CMD + \ | Hides UI interface |
| CTRL + C | Colour picker |
| CMD + / | Quick actions, search through menus, plugins and commands |
| V | Move |
| Shift + K | Place video / image |
| CMD + R | Rename selected frame |
| K | Scale |
| Shift + S | Section |
| P | Pen tool |
| C | Add comment |
| Shift + R | Rulers |
| Shift + G | Grids |
| Shift + 0 | Zoom to 100% |
| Shift + 1 | Zoom to fit |
| Shift + 2 | Zoom to selection |
| N | Next frame |
| Shift + N | Previous frame |
| CMD + | Zoom in |
| CMD – | Zoom out |
