# Navigation & command access

Before we start drawing, **let's quickly review how to navigate and access commands in Rayon.**

{% stepper %}
{% step %}

### Navigating

Navigation in Rayon is the easiest thing. \
It can be set from the **editor context menu**, or from the **user settings**. 

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FzPg11yRj5IPRIV45SDZy%2FVincent-F-7.png?alt=media&#x26;token=a1cc67c8-35be-4fb5-ab08-e92b4d9e07b2" alt=""><figcaption></figcaption></figure>

All you need to do is choose a **Navigation mode**, either using **`Mouse`** or **`Trackpad`**.

{% hint style="info" %}
If you are using an Apple Magic Mouse, you should enable the **`Trackpad`** mode as it will allow you to swipe to pan.
{% endhint %}

**Mouse mode**

* To **Zoom**, simply scroll.
* To **Pan**, hold your mouse wheel down and move.

**Trackpad mode**

* To **Zoom**, pinch on your trackpad
* To **Pan**, swipe with two fingers
  {% endstep %}

{% step %}

### Command access <a href="#h_a43d0d86b4" id="h_a43d0d86b4"></a>

Command access can be set from the **editor context menu**, or from the **user settings**.&#x20;

<figure><img src="https://2112124689-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FngVHKyaUSSJPTFck3wkz%2Fuploads%2FprKBgfDh7evM3DRV58gD%2FVincent-F-7%20(2).png?alt=media&#x26;token=9c51ead7-8700-4b30-a61f-c1d72994cb95" alt=""><figcaption></figcaption></figure>

It can be set to either **`shortcut`** mode or **`command line`** mode. Either mode's shortcuts can [be found here.](https://docs.rayon.design/documentation/design/shortcuts)

**Shortcuts mode**

* Allows to trigger a command **using single or double stroke shortcut**, and no validation stroke.&#x20;
* You may open the **command line** with **`CTRL + K`**&#x20;

**Command line mode**

* Allows to trigger a command **using single or double stroke shortcut**, ***and*** a validation stroke (**`Space`** or **`Enter`**)
* Type anytime on your keyboard to search for a command.
  {% endstep %}

{% step %}

### Next step

You are done! \
Head to the next step, **click below!**

<a href="drawing" class="button primary">Next step</a>
{% endstep %}
{% endstepper %}

***

### We are always available

Book a demo with our team, [right here](https://b1kzip68v9f.typeform.com/to/Hgr0eQ4k#source=docs).\
To get some support, reach out to us through our **in-app support chat**. \
More about [our support policy right here](https://docs.rayon.design/other-resources/others/support).