How to Zoom in Figma: Quick Tips for Precision

Squinting at tiny UI elements or losing track of your design in a massive canvas?

Learning how to zoom in Figma fixes both problems in seconds.

Whether you’re inspecting pixel-level details or presenting a full mockup to stakeholders, mastering zoom controls speeds up your entire workflow.

Figma offers multiple zoom methods: keyboard shortcuts, mouse wheel gestures, trackpad pinching, and the zoom percentage menu.

Each works differently depending on your setup.

This guide covers all five approaches with exact shortcuts for macOS and Windows.

You’ll also find troubleshooting fixes for common issues like unresponsive shortcuts and oversensitive trackpad gestures.

Two minutes from now, you’ll navigate any Figma canvas like a pro.

How to Zoom in Figma

Zooming in Figma is the process of adjusting canvas magnification to inspect design details or view entire layouts.

Designers need this when working on pixel-perfect editing, reviewing user interface components, or presenting prototypes to clients.

This guide covers 5 methods requiring about 2 minutes and works with Figma desktop app or browser version.

Prerequisites

• Figma account (free or paid plan)
• Figma desktop app or Chrome, Safari, Firefox browser
• Mouse, trackpad, or keyboard
• Time: 2 minutes
• Skill level: Beginner

Step One: How Do You Zoom Using Keyboard Shortcuts?

Press Shift + Plus to zoom in or Shift + Minus to zoom out on your Figma canvas.

These Figma keyboard commands work on both macOS and Windows, adjusting the viewport instantly.

Action

• Zoom in: Shift + Plus (increases magnification)
• Zoom out: Shift + Minus (decreases magnification)
• Zoom to fit: Shift + 1 (fits entire canvas in view)
• Zoom to selection: Shift + 2 (focuses on selected frame or layer)

Purpose

Keyboard shortcuts let you adjust zoom levels without moving your hands from the keyboard.

Faster than clicking through menus when you’re deep in a wireframe or prototype workflow.

Step Two: Where Do You Access the Zoom Tool in Figma’s Interface?

Click the zoom percentage display in the top-right corner of the right sidebar to open the zoom menu.

You can select preset percentages or type a custom value for precise control.

Action

• Location: Right sidebar, top-right corner (shows current percentage like “100%”)
• Preset options: 25%, 50%, 100%, 200%, or custom percentage
• Custom zoom: Click the field, type any value (e.g., 75%, 150%, 300%)

Purpose

The zoom percentage menu gives exact control when you need specific magnification levels.

Useful for consistency when designing a website across multiple frames.

Step Three: How Do You Zoom Using Mouse and Trackpad Gestures?

Hold Command (Mac) or Ctrl (Windows) while scrolling the mouse wheel to zoom in and out.

Trackpad users can pinch two fingers together to zoom out or spread them apart to zoom in.

Action

• Mouse wheel: Command/Ctrl + scroll up (zoom in) or scroll down (zoom out)
• Trackpad pinch: Pinch fingers together (out) or spread apart (in)
• Apple Magic Mouse: Command + scroll, or double-tap to toggle zoom

Purpose

Gesture-based zooming feels natural and keeps your workflow smooth.

Most designers I know prefer this method over keyboard shortcuts for quick navigation during user experience reviews.

Step Four: How Do You Zoom to a Specific Selection?

Select any frame, layer, or object on the canvas, then press Shift + 2 to zoom directly to it.

The viewport centers on your selection and adjusts magnification to fit.

Action

• Select target: Click any frame, component, or layer in the canvas or layers panel
• Shortcut: Press Shift + 2
• Result: Canvas centers and zooms to fit the selected element

Purpose

Zoom to selection saves time when jumping between distant frames in large design files.

Works great when reviewing components scattered across your canvas.

Step Five: Where Do You Set Custom Zoom Percentages?

Click the zoom percentage in the right sidebar and type any value between 1% and 25600%.

Press Enter to apply.

Action

• Click: Zoom percentage field in right sidebar
• Type: Enter exact value (e.g., 75, 150, 400)
• Confirm: Press Enter or click outside the field

Purpose

Custom percentages let you match specific zoom levels across team members for consistent design reviews.

Helpful when inspecting pixel grid details or checking responsive design breakpoints.

Verification

Check the zoom percentage display in the right sidebar to confirm your current magnification level.

The number updates instantly after any zoom action.

If you used Shift + 1, your entire canvas should now fit within the visible viewport.

For Shift + 2, the selected frame or layer should be centered and magnified on screen.

Troubleshooting

Issue: Zoom Shortcuts Not Responding

Figma shortcuts can conflict with browser or system commands when using the web-based version.

Solution

• Switch to the Figma desktop app for reliable shortcut behavior
• Check if another application is capturing the keyboard command
• On Mac, verify System Preferences > Keyboard > Shortcuts for conflicts
• Try Command/Ctrl + Plus or Minus as alternative zoom shortcuts

Issue: Canvas Zooms to Wrong Area

The viewport centers on your cursor position when using mouse wheel zoom.

Solution

• Position your cursor over the target area before scrolling
• Use Shift + 2 after selecting a specific element for precise zoom
• Press Shift + 1 to reset and fit the entire canvas, then navigate from there

Issue: Trackpad Gestures Feel Too Sensitive

Pinch-to-zoom speed depends on your operating system trackpad settings.

Solution

• Mac: System Preferences > Trackpad > Scroll & Zoom, adjust tracking speed
• Windows: Settings > Devices > Touchpad, modify gesture sensitivity
• Use keyboard shortcuts or the zoom menu for more controlled adjustments

Issue: Zoom Level Resets When Reopening File

Figma remembers zoom per browser tab, not per file.

Solution

• Closing the tab clears zoom memory; this is expected behavior
• Use Shift + 1 (zoom to fit) as a quick starting point when reopening files
• Set a custom zoom level manually after opening large design projects

Next Steps

Now that you can navigate your canvas efficiently, explore these related Figma skills.

Canvas Navigation

Press H to activate the hand tool and pan across your design without accidentally selecting objects.

Hold Spacebar temporarily for quick panning mid-task.

Precision Editing

Enable the pixel grid at 400% zoom or higher for pixel-perfect alignment.

Toggle with Command + ‘ (Mac) or Ctrl + ‘ (Windows).

View Options

Access the Zoom/view options menu to toggle layout guides, multiplayer cursors, and hide grid overlays.

Ctrl + Shift + 4 (Windows) or Control + G (Mac) toggles layout guides visibility.

Related Figma Processes

• Scale objects while maintaining proportions
• Create frames for organizing your design structure
• Rotate elements for dynamic layouts
• Use auto layout for responsive component design
• Crop images directly within Figma

FAQ on How To Zoom In Figma

What is the shortcut to zoom in Figma?

Press Shift + Plus to zoom in and Shift + Minus to zoom out.

Alternative: Command + Plus (Mac) or Ctrl + Plus (Windows).

These Figma keyboard shortcuts work in both the desktop app and browser versions.

How do I zoom to 100% in Figma?

Press Shift + 0 to reset your canvas to 100% zoom level.

You can also click the zoom percentage in the right sidebar and type “100” manually.

Can I zoom using my mouse wheel in Figma?

Hold Command (Mac) or Ctrl (Windows) while scrolling the mouse wheel.

Scroll up zooms in, scroll down zooms out.

The zoom centers on your cursor position.

How do I zoom to fit the entire canvas?

Press Shift + 1 to fit everything on your current page into the viewport.

Figma automatically adjusts the zoom percentage to show all frames and objects at once.

What is zoom to selection in Figma?

Select any frame, layer, or object, then press Shift + 2.

Figma centers and magnifies your selection.

Useful for jumping between distant elements in large design files.

Why are my Figma zoom shortcuts not working?

Browser extensions or system shortcuts may conflict with Figma commands.

Try the Figma desktop app for reliable shortcut behavior.

Check your OS keyboard settings for conflicting hotkeys.

How do I set a custom zoom percentage?

Click the zoom percentage display in the top-right corner of the right sidebar.

Type any value between 1% and 25600%.

Press Enter to apply your custom zoom level.

Does Figma remember my zoom level?

Figma remembers zoom per browser tab during your session.

Closing the tab resets it.

When reopening files, use Shift + 1 to quickly fit the canvas to your viewport.

How do I zoom on Figma with a trackpad?

Pinch two fingers together to zoom out, spread them apart to zoom in.

Works on macOS and Windows trackpads.

Adjust trackpad sensitivity in your system preferences if gestures feel too fast.

Can I zoom while in prototype preview mode?

Prototype preview mode has limited zoom controls.

Use Command/Ctrl + scroll or pinch gestures to adjust the preview size.

For full zoom options, exit preview and return to the design canvas.

Conclusion

Knowing how to zoom in Figma transforms how you interact with your design workspace.

No more fumbling through menus or losing your place on large canvases.

You now have five methods at your fingertips: Shift + Plus for quick magnification, mouse wheel scrolling for fluid navigation, trackpad pinch gestures for natural control, Shift + 2 for jumping to selections, and the zoom percentage menu for precise values.

Pick the method that fits your hardware setup.

Most designers combine two or three depending on the task.

Keyboard shortcuts work best during focused editing sessions.

Trackpad gestures shine when reviewing entire linked pages or building components.

Start with Shift + 1 to fit your canvas, then zoom into the details from there.