Guide: Best Figma Keyboard Hotkeys for Windows and Mac
Figma is gaining traction in the design space. Sketch software usually dominates the UI / UX design industry. But the latest offerings from Adobe (Adobe XD) and Figma with flexible pricing, seamless sharing, and cross-platform availability change the equation for the UI / UX designers out there. The availability of Figma on the web, Windows and macOS, coupled with the excellent starter plan (3 projects and 2 editors) makes it an ideal choice for designing, prototyping and mastering UI design skills. The company recently introduced long-awaited plug-ins support for this. If you are new to the UI / UX design space and your journey with Figma is starting, you may want to memorize some essential Figma keyboard shortcuts for Windows and Mac. In this post, we will discuss eleven best Figma keyboard shortcuts you can use on Windows PC and Mac. Let’s start. Visit Figma
1. Master Zoom Capabilities
You cannot use Figma or any UI / UX design software without mastering the Zoom hotkeys. These are the most frequently used shortcuts during your workflow.
For Windows and Mac, you can use Shift + 1 to fit the layers on the screen. Shift + 2 to zoom in on the selected frame (my most used shortcut as it allows me to quickly view the details of the selected item) and Shift + 0 to zoom 100%.
2. Show / hide rulers and show / hide layout grids
I generally don’t use rulers in Figma, but if you plan to use them during UI design then you can use Shift + R keyboard shortcut on PC or Mac to show / hide rulers.
I use Layout Grids all the time. It allows you to arrange the components, icons with the same spacing, allows you to organize the text and other elements. Use the Ctrl + G keyboard shortcut on Mac to show / hide layout grids.
3. Pen, Move and Text tools
Figma offers a powerful and customizable Pen tool. You will understand what I mean after playing with it for a few minutes. You’ll be using these three tools quite a bit during your design workflow. You can always choose them from the top menu or use the P keystroke for Pen, V for Move and T for Text on Windows and Mac.
4. Move between layers and components
These two keyboard shortcuts are quite useful when you’re working on a design project with too many layers and components. You may need to constantly switch between the two. You can use Option + 1 for Mac or Alt + 1 for Windows to get to the layers panel. Then use Option + 2 for Mac or Alt + 2 for Windows to get to the Components menu.
5. Open the color picker
This feature is useful when you want to extract color from an image or icon or other component. You can use the keyboard shortcut ‘I’ on Mac or Windows to open the color picker. Hover the color picker over an image or icon and copy the color code from the color picker menu.
6. Copy / paste the current style
This one really saves time. Do you want to quickly copy the current color / design of a component to another text or icon? You can select the current element and use Option + Command + C for Mac or Ctrl + Shift + C for Windows to copy the style. Now select the other element and use Option + Command + V for Mac or Ctrl + Shift + V for Windows to paste the style.
7. Group / Ungroup selection
Grouping and grouping is one of the most important parts of design software. After adding shapes, icons, and text, you may want to group them for easy movement or adjustment. You can select the elements and use Command + G for Mac or Ctrl + G for Windows to create a group.
Use Command + Shift + G for Mac or Ctrl + Shift + G for Windows to get them out of the group.
8. Lock and unlock
When you create a design with too many layers and components, the Figma canvas can get quite busy for you. In these scenarios, you don’t want to accidentally move an icon, text, or item. In such cases, you can select the element and use Command + Shift + L for Mac or Ctrl + Shift + L for Windows to lock them.
It is represented by a small lock icon in the Layers menu. Use the same keyboard shortcut to unlock.
9. Create components
Components are the heart and soul of Figma experience. You may want to reuse the same elements throughout the design UI. Some examples are a hamburger menu, a menu in the bottom bar, buttons, etc., that you also want to use for other screens.
You can group the icons and text with the Group tool and then use Option + Command + K for Mac or Ctrl + Alt + K for Windows to create a component. Now open them from the Components menu (control no. 4).
10. Show team library
Do you know that Figma is also referred to as the Google docs of the design industry? The software comes with seamless sharing options that allow you to add editors to the team.
For large projects, each team member receives a separate design assignment. If you are creating the design in a group, you may want to visit the team library, which consists of common components and icons for the members. You can open the menu with Command + Option + O on Mac or Ctrl + Alt + O in Windows to open the team library menu.
11. Export design
After you have completed the design, you may want to use the export option to extract icons and images from the design so that you can send them to developers to implement. You can select the layer and use Command + Shift + E for Mac or Control + Shift + E for Windows to export the details.
Use Figma like a pro
Figma is an excellent tool for UI / UX designers. It’s free for beginners, allows sharing, and comes with tons of keyboard shortcuts for a smooth workflow. Implement these keyboard shortcuts in your workflow and create beautiful UI designs like a pro. The next up: Canva and Crello are two of the best design tools for creating posters and flyers. Read the comparison below to find the best choice for you.
Best Figma Keyboard Hotkeys for Windows and Mac: benefits
Faq
Final note
I hope you like the guide Best Figma Keyboard Hotkeys for Windows and Mac. In case if you have any query regards this article you may ask us. Also, please share your love by sharing this article with your friends. For our visitors: If you have any queries regards the Best Figma Keyboard Hotkeys for Windows and Mac, then please ask us through the comment section below or directly contact us. Education: This guide or tutorial is just for educational purposes. Misinformation: If you want to correct any misinformation about the guide “Best Figma Keyboard Hotkeys for Windows and Mac”, then kindly contact us. Want to add an alternate method: If anyone wants to add more methods to the guide Best Figma Keyboard Hotkeys for Windows and Mac, then kindly contact us. Our Contact: Kindly use our contact page regards any help. You may also use our social and accounts by following us on Whatsapp, Facebook, and Twitter for your questions. We always love to help you. We answer your questions within 24-48 hours (Weekend off). Channel: If you want the latest software updates and discussion about any software in your pocket, then here is our Telegram channel.
