Designing

How to design your assistant on Voiceflow.

Canvas Navigation

An overview of the configurations for how you can control the canvas.

Overview

Building conversations on Voiceflow starts with the Canvas! The Canvas is a highly interactive design space and sandbox experience, similar to many popular design tools.

Canvas controls

The Canvas is an infinite canvas that hosts your conversation designs. To move around the canvas, you can pan with two fingers on a trackpad or click and drag with your mouse.

Zooming in and out

You can use the + and - keys on your keyboard or your mouse wheel to zoom in and out, respectively.

Alternatively, if you want a more precise and/or controlled zoom, you are also able to right click any blank area in your canvas and select Zoom In + or Zoom Out - to configure your zoom.

Tip: If you're using a track pad, you can use two-finger scroll and zoom.

Refocus the Canvas

To refocus your project on the Start block in your current flow, use the S key to automatically center the view on your Start step.

This can be particularly useful when you lose track of where you are when editing a large project.

Tip: You can change your method of navigation from trackpad to mouse control manually within canvas settings. See below section for more details.

Canvas Shortcuts

All of the above can also be achieved by right-clicking a blank area on your Canvas, and accessing the shortcuts menu.

You also have the option to Hide/Show UI to toggle the Topics & Flows navigation bar to help give you a more fuller screen and more design real estate for a focused Canvas experience.

Quick access to Canvas Markup and Commenting features is also available in this menu.

Canvas settings

You can set your navigation mode preference by choosing between Trackpad mode or Mouse mode.

By default, the option selected will be the one that best matches your actual configuration but you can change it if you wish.

Mouse mode

Click and drag to pan the canvas. You can also zoom by scrolling the mouse wheel.

Trackpad mode

Pan the canvas by sliding two fingers on the trackpad. You can toggle zoom by pinching in and out. With this mode you can also perform actions such as clicking and dragging empty space to multi-select items.

Canvas Grid

This setting will allow you to toggle between having a dotted background grid or a free-flowing Canvas area.

Change your Path mode

You can change your canvas lines to be either straight or curved. By default, lines are straight but can be changed to curvy. You can switch path modes back and forth at any time.

Master Toggle of Canvas Settings

You can also custom toggle all of the above settings: Navigation Mode, Zoom Type, Line Type and Canvas Grid from your master Project Settings (keyboard shortcut 4), under the Canvas section.

Other docs in this section