Using the canvas

Master navigating and controlling the canvas with tools for breakpoints, zooming, and more.

Canvas Controls

The top bar contains tools to switch breakpoints and zoom. On the right, the zoom menu provides shortcuts for zooming in and out.

Breakpoints

Easily adjust your design for different screen sizes using the dropdown menu to switch between breakpoints. Learn more about breakpoints here.

Zooming

By default, the zoom level is set to Auto-fit, which expands canvas to fit into your screen. To adjust, use the zoom percentage dropdown in the top bar or these shortcuts:

• Mac: Press ⌘ CMD + to zoom in and ⌘ CMD - to zoom out.

• Windows: Press CTRL + to zoom in and CTRL - to zoom out.

You can also zoom with:

• Trackpad: Pinch or stretch two fingers.

• Mouse: Hold ⌘ CMD (Mac) or CTRL (Windows) while scrolling.

Dark or Light Mode

Switch between dark and light builder modes:

• Click the Ycode icon in the top left.

• Go to Preferences > Themes and select your mode.

Keyboard Shortcuts

Keyboard shortcuts are a great way to enhance your productivity and streamline your workflow. Ycode offers several shortcuts to help you work more efficiently.

To access the full list of shortcuts:

• Click the Ycode icon in the top left.

• Go to Help > Keyboard shortcuts or learn more here.