How Do I Get Figma Shortcuts?

HTML Tutorials: How Do I Get Figma Shortcuts?

Are you looking to speed up your workflow in Figma? Learning shortcuts is the key! Figma provides a wide range of keyboard shortcuts that can help you navigate and operate the tool more efficiently. In this tutorial, we will explore how to get Figma shortcuts and make the most out of them.

Accessing Figma Shortcuts

To access the list of Figma shortcuts, follow these steps:

1. Open Figma on your computer.
2. Click on the menu bar at the top of the screen.
3. Select "Help" from the dropdown menu.
4. In the submenu, click on "Keyboard Shortcuts."

Alternatively, you can use the keyboard shortcut "Ctrl + /" (Windows) or "Cmd + /" (Mac) directly in Figma to open the shortcuts panel.

Navigating and Using Figma Shortcuts

Figma offers a plethora of shortcuts to streamline your design process. Let's explore some essential ones:

Selecting and Moving Layers

• V: Select (Arrow tool)
• A: Toggle between Selection and Direct Selection tools
• G: Group selected layers
• Ctrl + G: Ungroup selected layers
• Ctrl + D: Duplicate selected layers
• H: Hide selected layers
• Shift + H: Show hidden layers only (Hide others)

Working with Text

• T: Create a new text layer
• Ctrl + B: Bold text
• Ctrl + U: Underline text
• Ctrl + I: Italicize text
• Shift + Ctrl + K: Strikethrough text
• Ctrl + Shift + > / Ctrl + Shift + <: Increase/Decrease font size
• L / R / C / J: Align text left/right/center/justify respectively (when the text layer is selected)

Zooming and Navigating the Canvas

• Spacebar or H + drag mouse: Hand tool (Pan canvas)
• Z: Zoom tool (Zoom in)
• C: Zoom out (Zoom out)
• + and -: Zoom in and out incrementally (when using the Zoom tool)
Note: Holding down Shift while using the Zoom tool will zoom symmetrically.



Create Your Own Custom Shortcuts!

Figma also allows you to customize shortcuts according to your preference. To do this, follow these steps:

1. Navigate to "Help" in the menu bar. Select "Keyboard Shortcuts".
2. In the shortcuts panel, click on "Create Your Own" at the bottom.
3. Choose the tool or action you want to assign a shortcut to.
4. Click on "Add Shortcut".
5. Enter your desired shortcut combination and press Enter.

By customizing shortcuts, you can make Figma even more tailored to your workflow.

In Conclusion

Learning and utilizing Figma shortcuts can significantly enhance your productivity and efficiency. By accessing the shortcuts panel within Figma or using the dedicated keyboard shortcut, you can familiarize yourself with various time-saving commands. Remember to experiment with customizing your own shortcuts to optimize your design process further. Happy designing!