Zooming in Figma layout is essential for precise design work and getting a detailed view of your elements. The quickest way to zoom in Figma involves using keyboard modifiers and your mouse or trackpad.
Quick Ways to Zoom In Figma
Here are the most common methods to control your view in the Figma canvas:
1. Using Keyboard Modifiers and Scroll Wheel
A fundamental and efficient way to zoom in Figma is by combining keyboard shortcuts with your mouse's scroll wheel or trackpad gesture.
As per the reference: Hold down ⌘ Command (Mac) or Ctrl (Windows) and scroll the mouse wheel up to zoom in, or down to zoom out.
- On Mac: Press and hold the ⌘ Command key, then scroll your mouse wheel up or swipe up on your trackpad to zoom in. Scroll down or swipe down to zoom out.
- On Windows: Press and hold the Ctrl key, then scroll your mouse wheel up to zoom in. Scroll down to zoom out.
This method offers smooth, incremental zooming directly where your cursor is located.
2. Using the Zoom Tool (Z key)
The Zoom tool allows you to click or drag a selection rectangle to zoom into a specific area.
- Press the Z key to activate the Zoom tool. Your cursor will change to a magnifying glass.
- Click once to zoom in centered on that point.
- Click and drag a rectangle to zoom precisely to the area you selected.
- Hold down the Alt (Windows) or Option (Mac) key while the Zoom tool is active and click to zoom out.
3. Using Keyboard Shortcuts
Figma offers several handy keyboard shortcuts for quick zooming actions:
- Zoom In: Press Ctrl + + (Windows) or ⌘ Command + + (Mac).
- Zoom Out: Press Ctrl + - (Windows) or ⌘ Command + - (Mac).
- Zoom to 100%: Press Shift + 0.
- Zoom to Fit (fit all objects on canvas): Press Shift + 2.
- Zoom to Selection (fit selected objects): Press Shift + 2 (after selecting objects).
- Zoom to Previous Frame: Press N.
- Zoom to Next Frame: Press Shift + N.
4. Using the Zoom Level Dropdown
In the top toolbar, you'll find a dropdown displaying the current zoom percentage. Click this dropdown to select from predefined zoom levels (like 50%, 100%, 200%, etc.) or type a custom percentage. This is useful for setting a specific zoom level.
Summary of Common Zoom Methods
| Action | Windows Shortcut | Mac Shortcut | Description |
|---|---|---|---|
| Zoom In (Scroll) | Ctrl + Scroll Up | ⌘ Command + Scroll Up | Smoothly zooms in centered on cursor. |
| Zoom Out (Scroll) | Ctrl + Scroll Down | ⌘ Command + Scroll Down | Smoothly zooms out centered on cursor. |
| Zoom Tool (Activate) | Z | Z | Click or drag to zoom to a specific area. |
| Zoom In | Ctrl + + | ⌘ Command + + | Incremental zoom in. |
| Zoom Out | Ctrl + - | ⌘ Command + - | Incremental zoom out. |
| Zoom to 100% | Shift + 0 | Shift + 0 | Sets canvas view to actual pixel size. |
| Zoom to Fit All | Shift + 2 | Shift + 2 | Fits all objects within the canvas view. |
| Zoom to Selection | Shift + 2 (selected) | Shift + 2 (selected) | Fits only the currently selected objects. |
Mastering these different zoom methods allows you to efficiently navigate your Figma designs, whether you need a detailed view or an overview of your entire project.
