Table of Contents
Figma is one of the most popular design apps for editing graphics. The fact that it is free and that it can be used in many different ways are two of the things that people know it for. We break down Figma’s most important features and show you some of the best Figma Shortcuts that will help you use it more effectively.
Figma is a vector graphics editor and prototype tool that runs in the cloud and is set up for designing interfaces together and from far away. The UI software has everything you need for every step of a design project, including the ability to generate code that can be exported. We made a list of shortcuts for Figma that will make your work easier.
Importance of Best Figma Shortcuts
Using the best Figma shortcuts can make you much more productive, speed up your planning process, and improve the way you work. Here’s why it’s important to use tools in Figma:
- Quick Access to Tools: Shortcuts give you quick access to different design tools, like picking tools, drawing tools, and other features, so you can switch between them without stopping what you’re doing.
- Precision and Speed: Shortcuts make it easier and faster to do things like resize, duplicate, and align items. With shortcuts, these jobs can be done faster than if each step had to be done by hand.
- Consistency: Keyboard keys let you use Figma in the same way no matter what design project you’re working on. This helps you build muscle memory and speeds up the process of designing.
Best Figma Shortcuts
The design community is increasingly interested in learning the best keyboard shortcuts for figma. Sketch is the go-to app for UI/UX designers. However, the latest tools from Adobe (Adobe XD) and Figma are changing the equation for UI/UX designers due to their adaptability, low costs, and ease of usage across devices.
| Shortcut | Description |
|---|---|
| F | Create a new Frame. |
| Z | Zoom In. |
| Z + Alt/Option | Zoom Out. |
| V | Select Tool (Move and Select). |
| Ctrl/Command + G | Group Selection. |
| Ctrl/Command + Shift + G | Ungroup Selection. |
| Ctrl/Command + D | Duplicate Selection. |
| Ctrl/Command + X | Cut Selection. |
| Ctrl/Command + C | Copy Selection. |
| Ctrl/Command + V | Paste Selection. |
Text Formatting:
| Shortcut | Description |
|---|---|
| Ctrl/Command + B | Bold Text. |
| Ctrl/Command + I | Italicize Text. |
| Ctrl/Command + U | Underline Text. |
| Ctrl/Command + Shift + K | Strikethrough Text. |
| Ctrl/Command + Shift + > | Increase Text Size. |
| Ctrl/Command + Shift + < | Decrease Text Size. |
| Ctrl/Command + Shift + H | Highlight Text. |
Shape and Object Tools:
| Shortcut | Description |
|---|---|
| R | Rectangle Tool. |
| O | Ellipse Tool. |
| T | Text Tool. |
| L | Line Tool. |
| P | Pen Tool. |
| Ctrl/Command + Shift + K | Knife Tool. |
| Ctrl/Command + 1 | Frame Tool. |
| Ctrl/Command + 2 | Rectangle Frame Tool. |
| Ctrl/Command + 3 | Ellipse Frame Tool. |
| Shortcut | Description |
|---|---|
| Space | Hand Tool (Pan). |
| Space + Ctrl/Command | Zoom In. |
| Space + Ctrl/Command + Alt/Option | Zoom Out. |
Alignment and Distribution:
| Shortcut | Description |
|---|---|
| Shift + A, then L | Align Left. |
| Shift + A, then C | Align Center. |
| Shift + A, then R | Align Right. |
| Shift + A, then T | Align Top. |
| Shift + A, then M | Align Middle. |
| Shift + A, then B | Align Bottom. |
| Ctrl/Command + Shift + K | Distribute Horizontally. |
| Ctrl/Command + Shift + V | Distribute Vertically. |
Component and Symbols:
| Shortcut | Description |
|---|---|
| Ctrl/Command + Alt/Option + K | Detach Component. |
| Ctrl/Command + Alt/Option + H | Hide/Show Component Overrides. |
Best Figma Keyboard Shortcuts for Different Platforms
Figma features an excellent Starter package with 3 Projects and 2 Editors for Web, Windows, and macOS. This makes it ideal for UI design, prototyping, and learning. The company has incorporated long-awaited plugin support. Beginners to UI/UX design and Figma may wish to understand the most important Windows and Mac keyboard shortcuts. We listed the finest Figma keyboard shortcuts below.
macOS:
| Shortcut | Description |
|---|---|
| F | Create a new Frame. |
| Command + F | Find Layers. |
| Command + D | Duplicate Selection. |
| Command + X | Cut Selection. |
| Command + C | Copy Selection. |
| Command + V | Paste Selection. |
| Command + Z | Undo. |
| Shift + Command + Z | Redo. |
| Command + A | Select All. |
| Command + G | Group Selection. |
| Shift + Command + G | Ungroup Selection. |
| Command + E | Show/Hide Export Settings. |
| Shift + Command + H | Hide/Show Selection. |
Windows:
| Shortcut | Description |
|---|---|
| F | Create a new Frame. |
| Ctrl + F | Find Layers. |
| Ctrl + D | Duplicate Selection. |
| Ctrl + X | Cut Selection. |
| Ctrl + C | Copy Selection. |
| Ctrl + V | Paste Selection. |
| Ctrl + Z | Undo. |
| Ctrl + Y | Redo. |
| Ctrl + A | Select All. |
| Ctrl + G | Group Selection. |
| Ctrl + Shift + G | Ungroup Selection. |
| Ctrl + E | Show/Hide Export Settings. |
| Ctrl + Shift + H | Hide/Show Selection. |
Web Version:
| Shortcut | Description |
|---|---|
| F | Create a new Frame. |
| Ctrl + F or Command + F | Find Layers. |
| Ctrl + D or Command + D | Duplicate Selection. |
| Ctrl + X or Command + X | Cut Selection. |
| Ctrl + C or Command + C | Copy Selection. |
| Ctrl + V or Command + V | Paste Selection. |
| Ctrl + Z or Command + Z | Undo. |
| Ctrl + Y or Shift + Command + Z | Redo. |
| Ctrl + A or Command + A | Select All. |
| Ctrl + G or Command + G | Group Selection. |
| Ctrl + Shift + G or Shift + Command + G | Ungroup Selection. |
| Ctrl + E or Command + E | Show/Hide Export Settings. |
| Ctrl + H or Shift + Command + H | Hide/Show Selection. |
Questions and Answers
A1: Figma is a tool for designing user interfaces, web designs, graphics, and mockups together with other people. It works in the cloud and lets multiple people work together in real time on design projects.
A2: Shortcuts in Figma improve your design process by letting you do things quickly and easily. They let you move around the interface, change items, and get to tools without having to use menus or the mouse.