The canvas in Motiff is the backdrop where all frames, groups, and other layer types are located. You can freely create design content on canvas. The finite size of the canvas on each axis is from -65000 to +65000. # Canvas background Every page in the file has a canvas background. The default color of the canvas background is light gray #EDEEF0. If you want to change the default color, you can deselect layers on the current page and change the color of the canvas background. !['Canvas background.png'](https://static.motiffcontent.com/public/resource/cms/image/s0v192f57.png) :::wk-block{.note} Note: The canvas background color cannot be changed while in Dev Mode. ::: # Zoom the canvas By zooming the canvas, you can adjust it to the proper scale for viewing the target area. You can scale the canvas quickly and proportionally by clicking the **Zoom/view options** on the right side of the toolbar and selecting the corresponding option. !['Zoom:view Options.png'](https://static.motiffcontent.com/public/resource/cms/image/498ieobfc.png) You can also zoom the canvas directly using the following shortcuts: | Effect | macOS | Windows | | ---------------------- | --------------------------------------------------- | --------------------------------------------- | | Zoom | ⌘ Command + Mouse Wheel | Ctrl + Mouse Wheel | | Zoom in | + / ⌘ Command + + | + / Ctrl + + | | Zoom out | - / ⌘ Command + - | - / Ctrl + - | | Zoom to 100% | ⌘ Command + 0 | Ctrl + 0 | | Zoom to fit | ⇧ Shift + 1 | Shift + 1 | | Zoom to layer | ⇧ Shift + 1 | Shift + 1 | | Zoom to previous layer | ⇧ Shift + N | Shift + N | | Zoom to next layer | N | N | # Move the canvas You can move the canvas up, down, left, and right by clicking !['24_toolbar_gripper.svg'](https://motiff.fbcontent.cn/public/resource/cms/image/2ivphy9d4.svg) in the toolbar or by switching to the hand tool with the shortcut H . You can also move the canvas by pressing Space or scrolling the mouse wheel. # Ruler If you want to display rulers on the canvas, you can click to expand the **Zoom/view options** and select **Rulers** or display the rulers using the shortcut Shift + R . # Pixel grid Displaying the pixel grid can help you create and align layers more conveniently and accurately on the canvas. You can display or hide the pixel grid by clicking **Zoom/view options** and selecting **Pixel grid**. You can also use the shortcuts: * macOS: ⌘ Command + ' * Windows: Ctrl + ' !['Pixel grid.png'](https://static.motiffcontent.com/public/resource/cms/image/sy2cms11l.png) # Measure the distance Measuring the distance can help you to increase the accuracy of your design. You can measure the distance between selected layers and the target layer by using the shortcut ⌥ Option / Alt . !['Measure the distance.png'](https://static.motiffcontent.com/public/resource/cms/image/82cge1y3i.png)