Figma offers a range of keyboard shortcuts that greatly enhance a designer’s productivity, leading to more efficient and impressive outcomes. One of the best things about Figma is that it works with all operating systems, making it a flexible web-based design editor. With Figma, designers can make on-screen prototypes, review them, and work together on them. They can also design directly from the browser into any app. By utilizing the best Figma keyboard shortcuts, designers can significantly streamline their design workflow, resulting in more efficient and visually appealing designs.
Interface design and prototyping can take a lot of time because designers have to work hard to understand the problem and come up with ideas for how to solve it. Figma’s visual design and prototyping features give designers a great way to share their ideas with users and stakeholders and see if they work. Because of this, it is important that Figma and other tools for designing user interfaces help designers work faster. The keyboard shortcuts and hotkeys in Figma speed up the design process and make it easier for designers to get their work done faster and more efficiently. Below, we have mentioned the best Figma keyboard shortcuts.
Why Keyboard Shortcuts are Important in Figma?
In Figma, keyboard shortcuts are important for more than one reason:
Figma is a powerful design tool with a lot of features and options that make it work well. With keyboard shortcuts, users can do common tasks quickly without having to use the mouse or go through menus. This saves time and gets more done, especially when working on complicated designs or actions that are done over and over again.
Speed: Designers often have to work quickly, especially when they are working with other people or on projects with short deadlines. With keyboard shortcuts, commands and actions can be done almost instantly, which helps designers keep up with the demands of their work.
Muscle memory: When a designer uses keyboard shortcuts often, they become a part of their muscle memory. This means that they can do things without consciously thinking about them. This makes the design process easier and more fluid. Muscle memory also makes it easier for designers to remember and carry out commands, so they can spend more time on the creative parts of their jobs.
Accessibility: Shortcuts on the keyboard make it easier for people with disabilities or limitations that make it hard for them to use a mouse or trackpad. Figma makes sure that all users can use the software effectively and efficiently by giving them different ways to enter information.
Best Figma Keyboard Shortcuts
Figma has a number of keyboard shortcuts that can help you speed up your design work. Pressing “V” will bring up the move tool, “A” will bring up the frame tool, “D” will bring up the shape tool, and “T” will bring up the text tool. You can also press “Ctrl/Cmd + G” to group selected objects, “Ctrl/Cmd + D” to make a copy of an object, and “Ctrl/Cmd + Z” to undo the last thing you did. These and other shortcuts can speed up your design process and make you more productive in Figma as a whole.
File Manipulation Shortcuts
| Shortcut | Description |
|---|---|
| Ctrl + O | Open a file |
| Ctrl + S | Save a file |
| Ctrl + Shift + S | Save a file as… |
| Ctrl + N | Create a new file |
| Ctrl + Shift + N | Create a new file in a new window |
| Ctrl + W | Close the current file |
| Ctrl + Shift + W | Close all files |
| Ctrl + Shift + T | Reopen closed file |
| Ctrl + Q | Quit Figma |
Canvas Navigation Shortcuts
| Shortcut | Description |
|---|---|
| Space | Pan the canvas |
| Ctrl + Space | Zoom in |
| Ctrl + – | Zoom out |
| Ctrl + 0 | Reset zoom |
| Alt + 1 | Zoom to selection |
| Ctrl + Alt + 1 | Zoom to fit |
| Ctrl + Alt + 2 | Zoom to 100% |
Selection and Editing Shortcuts
| Shortcut | Description |
|---|---|
| V | Select the Move tool |
| A | Select the Frame tool |
| R | Select the Rectangle tool |
| T | Select the Text tool |
| Shift + V | Select the Scale tool |
| Shift + A | Select the Arrow tool |
| Shift + R | Select the Ellipse tool |
| Shift + T | Select the Slice tool |
| Shift + S | Select the Star tool |
| Shift + P | Select the Pen tool |
| Esc | Deselect all |
| Ctrl + G | Group selection |
| Ctrl + Shift + G | Ungroup selection |
| Shift + drag | Constrain movement horizontally/vertically |
| Alt + drag | Duplicate selection |
| Ctrl + D | Duplicate selection in a straight line |
| Ctrl + E | Edit selected text layer |
| Ctrl + C | Copy selected layers |
| Ctrl + V | Paste copied layers |
| Ctrl + X | Cut selected layers |
| Ctrl + Z | Undo |
| Ctrl + Shift + Z | Redo |
Layer Manipulation Shortcuts
| Shortcut | Description |
|---|---|
| Ctrl + G | Group selected layers |
| Ctrl + Shift + G | Ungroup selected layers |
| Ctrl + Shift + F | Fit to window |
| Ctrl + Shift + C | Copy properties of selected layer |
| Ctrl + Shift + V | Paste properties to selected layer |
| Ctrl + R | Rename selected layer |
| Ctrl + / | Show/hide selected layer |
| Ctrl + K | Lock/unlock selected layer |
| Ctrl + E | Export selected layer |
Best Figma Keyboard Shortcuts for Different Platforms
Figma is a popular design tool that has many keyboard shortcuts that can help you get a lot more done. Some important shortcuts for Windows users are Ctrl+G to group selected objects, Ctrl+D to copy, and Ctrl+Shift+M to mirror an object. Mac users can group with Command + G, copy with Command + D, and mirror with Command + Shift + M. Additionally, both platforms can benefit from shortcuts like V for the selection tool, T for the text tool, and R for the rectangle tool. These keyboard shortcuts make designing easier and make it easier to move around in Figma.
Figma Keyboard Shortcuts for Windows:
| Shortcut | Description |
|---|---|
| Ctrl + D | Duplicate selection |
| Ctrl + C | Copy selection |
| Ctrl + V | Paste selection |
| Ctrl + Z | Undo |
| Ctrl + Shift + Z | Redo |
| Ctrl + X | Cut selection |
| Ctrl + G | Group selection |
| Ctrl + Shift + G | Ungroup selection |
| Ctrl + S | Save |
| Ctrl + P | |
| Ctrl + A | Select all |
| Ctrl + T | Transform selection |
| Ctrl + R | Run code |
| Ctrl + Enter | Exit presentation mode |
| Ctrl + Shift + K | Open plugins |
| Ctrl + / | Toggle comments |
| Ctrl + – | Zoom out |
| Ctrl + + | Zoom in |
| Ctrl + 0 | Reset zoom |
| Ctrl + Alt + H | Show/hide UI |
Figma Keyboard Shortcuts for Mac:
| Shortcut | Description |
|---|---|
| Cmd + D | Duplicate selection |
| Cmd + C | Copy selection |
| Cmd + V | Paste selection |
| Cmd + Z | Undo |
| Cmd + Shift + Z | Redo |
| Cmd + X | Cut selection |
| Cmd + G | Group selection |
| Cmd + Shift + G | Ungroup selection |
| Cmd + S | Save |
| Cmd + P | |
| Cmd + A | Select all |
| Cmd + T | Transform selection |
| Cmd + R | Run code |
| Cmd + Enter | Exit presentation mode |
| Cmd + Shift + K | Open plugins |
| Cmd + / | Toggle comments |
| Cmd + – | Zoom out |
| Cmd + + | Zoom in |
| Cmd + 0 | Reset zoom |
| Cmd + Alt + H | Show/hide UI |
How to enable keyboard shortcuts in Figma?
Follow these steps to turn on keyboard shortcuts in Figma:
- Open Figma: Launch the Figma app or visit the Figma website (figma.com) and log in to your account.
- Open the menu: Click the user icon in the upper right corner of the Figma interface.
- Go to Settings: Choose “Settings” from the list of options in the menu. This will bring up the page for Settings.
- Find “Keyboard Shortcuts”: On the Settings page, look in the left sidebar for “Keyboard Shortcuts.” Click on it to get to the settings for keyboard shortcuts.
- Enable Keyboard Shortcuts: In the Keyboard Shortcuts settings, there is a switch that says “Enable Keyboard Shortcuts.” To use keyboard shortcuts in Figma, move the switch to the “On” position.
- Customize Shortcuts (Optional): If you want to change certain keyboard shortcuts, you can do so on the same settings page. Scroll down to see a list of actions and the keyboard shortcuts that let you do them. Click on a shortcut to change it, and then press the keys you want to use to make a new shortcut.
- Save Changes: After enabling or customizing keyboard shortcuts, make sure to click on the “Save” button at the bottom of the settings page to save your changes.
FAQs
You can also put a frame around an existing object or a group of layers. Use the shortcut for selecting a frame: Option + Command G on Mac OS. Ctrl, Alt, and G on Windows.
If you don’t learn the keyboard shortcuts for the functions you use most often, you’ll be wasting time and being less productive. Even if this isn’t enough to get you to use keyboard shortcuts, you should know that using a mouse is bad for you.
