# Navigating the Canvas

### Panning the Canvas (Moving Around)

Using mouse

* To move the canvas in any direction, hold: `Command + Left-Click + Drag` 
* To move canvas up/down: `Vertical Scroll`
* To move canvas left/right: `Shift + Scroll`

Using trackpad

* To pan the canvas using trackpad: use the two-finger scroll and scroll up/down or left/right.

<figure><img src="https://3522324598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2F9oQbm2EVypn6lQ4gM8Vn%2FCleanShot%202025-07-23%20at%2023.18.18.gif?alt=media&#x26;token=0226b606-ba7e-4d21-90cd-ccd4ed6086f9" alt=""><figcaption></figcaption></figure>

### Moving frames on Canvas

Basic frame movement

* To move frame(s), `Select (left-click) + Drag` any frame or artboard to reposition it.&#x20;

<figure><img src="https://3522324598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FYydIeVY3W5BPGsCuFJWm%2FCleanShot%202025-07-23%20at%2023.39.02.gif?alt=media&#x26;token=6fd7cd35-777e-4f63-b661-7d63baf7e25b" alt=""><figcaption></figcaption></figure>

Multiple selection

* To select multiple frames or artboards: `Shift + Click` or `Drag-Select`&#x20;
* To move multiple frames or artboards: After selecting multiple frames, drag them to reposition.

<figure><img src="https://3522324598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FDQkZl8j22OCI1IHgJ2vX%2FCleanShot%202025-07-23%20at%2023.42.15.gif?alt=media&#x26;token=8629bc4d-75f1-4812-a6ef-70076353ec11" alt=""><figcaption></figcaption></figure>

Finer Adjustments

* To make finer repositioning adjustments: Use the arrow keys to nudge selected elements by small increments.

<figure><img src="https://3522324598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FIh6WExdsOw240PKHF6N0%2FCleanShot%202025-07-23%20at%2023.46.36.gif?alt=media&#x26;token=e7fba95a-3858-4021-8253-51e0ba2d2d8b" alt=""><figcaption></figcaption></figure>

### Zoom and grid controls

Using trackpad gestures

* To zoom in or zoom out: Pinch in or pinch out on your trackpad.
* To zoom in or zoom out centered around the mouse pointer: `Cmd/Ctrl + Scroll`

Using keyboard shortcuts

* To zoom in: `Cmd/Ctrl + +`&#x20;

<figure><img src="https://3522324598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FMZUIwPbMKMiyvU3t5fVR%2FCleanShot%202025-07-23%20at%2023.49.28.gif?alt=media&#x26;token=0c5b8766-d496-4838-9ae9-1b292009fa24" alt=""><figcaption></figcaption></figure>

* To zoom out: `Cmd/Ctrl + -`&#x20;

<figure><img src="https://3522324598-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoPhHCbNZdzW70rakoLhf%2Fuploads%2FPPAG1N3xVr8rIRzWr5BB%2FCleanShot%202025-07-23%20at%2023.50.31.gif?alt=media&#x26;token=8ca8f29b-70b5-4172-a047-b6729a89ec3e" alt=""><figcaption></figcaption></figure>

* To zoom to fit selection: `Shift + 1`
* To reset zoom to default (100%): `Cmd/Ctrl + 0`&#x20;

From the Canvas zoom menu located in the bottom-right corner, click the zoom percentage dropdown (e.g., "15%") for the following options:

* Zoom in: `Cmd/Ctrl + +`
* Zoom out: `Cmd/Ctrl + -`
* Zoom to fit: `Shift + 1`
* Presets: 10%, 100%, 200%
* Hide/Show Grid toggle

### Tips for a smooth workflow

* To quickly locate and access off-screen items, use the Layers panel on the left side.
* To keep your otherwise complex canvas organized, rename Artboards and Layers.
* Group Movement: Select multiple elements and drag them together for quicker repositioning.

### Common issues and fixes

If Canvas is stuck or not moving

* Fix: Press Esc to exit any active tool mode, then try panning again.

If Canvas zooms in/out too fast or slow

* Fix: Adjust your system's trackpad or mouse settings for scroll sensitivity.

Grid disappeared?

* Fix: Re-enable the grid through the Zoom Menu (bottom-right corner).

***

If you have any trouble or have any questions, feel free to reach out. We're happy to help, write to us at [**support@morphic.com**](mailto:support@morphic.com)**.**


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://morphic.com/docs/getting-around/navigating-the-canvas.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.