Guide: Best Figma Keyboard Hotkeys for Windows and Mac
Designers are increasingly turning to Figma as an alternative to Sketch, the traditional leader in UI / UX design. Adobe’s XD and Figma’s flexible pricing, easy sharing, and cross-platform compatibility have made them attractive options for designers.
Figma’s starter plan, offering 3 projects and 2 editors, makes it an ideal choice for UI design. The company recently added plug-in support, and new users should take advantage of the available keyboard shortcuts for Windows and Mac to get the most out of their experience.
Discover eleven of the best Figma keyboard shortcuts for Windows PC and Mac users.
1. Master Zoom Capabilities
Mastering Zoom hotkeys is essential for using Figma or any UI / UX design software. These shortcuts are key to streamlining your workflow.
You can quickly view the details of a selected item on Windows and Mac by using the shortcut Shift + 1 to fit layers on the screen, Shift + 2 to zoom in, and Shift + 0 to zoom 100%.
2. Show / hide rulers and show / hide layout grids
Rulers in Figma can be toggled on and off with the Shift + R keyboard shortcut on both PC and Mac.
I frequently utilize Layout Grids to arrange components, icons and text with uniform spacing. To quickly show or hide the grids, Mac users can press Ctrl + G.
3. Pen, Move and Text tools
Figma’s Pen tool offers powerful customization capabilities, allowing users to quickly become proficient with it after just a few minutes of use. This tool is essential for efficient design workflows.
To quickly access the Pen, Move and Text tools on Windows and Mac, simply select them from the top menu or use the P, V and T keystrokes respectively.
4. Move between layers and components
Using keyboard shortcuts can make navigating design projects with multiple layers and components easier. On Mac, press Option + 1 to access the layers panel and Option + 2 for the Components menu. On Windows, use Alt + 1 and Alt + 2 respectively.
5. Open the color picker
Using the keyboard shortcut ‘I’ on Mac or Windows, you can quickly copy color codes from images and icons with the color picker.
6. Copy / paste the current style
Copying the color and design of a component to another text or icon can be done quickly with a few simple keystrokes. On Mac, select the current element and press Option + Command + C, then select the other element and press Option + Command + V. For Windows users, use Ctrl + Shift + C to copy and Ctrl + Shift + V to paste.
7. Group / Ungroup selection
Grouping elements is a key part of design software. To make it easier to move or adjust shapes, icons and text, select them and use Command + G (Mac) or Ctrl + G (Windows) to create a group.
Mac and Windows users can quickly exit a group by pressing Command + Shift + G and Ctrl + Shift + G, respectively.
8. Lock and unlock
Creating a complex design can make the Figma canvas crowded and difficult to navigate. To avoid accidentally moving elements, use Command + Shift + L (Mac) or Ctrl + Shift + L (Windows) to lock them in place.
The Layers menu features a small lock icon, which can be used to unlock the same keyboard shortcut.
9. Create components
Figma’s components are essential for creating a seamless user experience. Reusing elements like hamburger menus, bottom bar menus, buttons and more across multiple screens helps to create a consistent look and feel.
The Group tool allows users to group icons and text, which can then be turned into a component using the keyboard shortcut Option + Command + K (Mac) or Ctrl + Alt + K (Windows). This component can then be accessed from the Components menu (control no. 4).
10. Show team library
Figma, known as the Google Docs of the design industry, offers users seamless sharing capabilities to collaborate with others. With this feature, teams can easily add editors to their projects.
Team members working on large projects can access a library of common components and icons to help them with their design assignments. To open the menu, Mac users should press Command + Option + O, while Windows users should press Ctrl + Alt + O.
11. Export design
Once the design is finished, you can export icons and images from it to give to developers for implementation. To do this, select the layer and use Command + Shift + E (Mac) or Control + Shift + E (Windows).
Use Figma like a pro
Figma is a must-have for UI / UX designers, offering free access to beginners, easy sharing capabilities and a range of keyboard shortcuts to help streamline the design process. With these shortcuts, you can create professional-looking designs with ease.
Canva and Crello are two of the top design tools for creating posters and flyers. Read on to discover which one is best for you.
Best Figma Keyboard Hotkeys for Windows and Mac: benefits
Faq
Final note
We’ve created a guide to the best Figma keyboard shortcuts for Windows and Mac users. If you have any questions, please reach out to us. And don’t forget to share the guide with your friends!
Have questions about the Best Figma Keyboard Hotkeys for Windows and Mac? Need to correct misinformation or add an alternate method? Contact us through our contact page, social media accounts, or Telegram channel. We’re here to help with any queries within 24-48 hours (weekends off).
