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 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. Zoom by scrolling the mouse wheel.

Trackpad mode

Pan the canvas by sliding two fingers on the trackpad. Zoom by pinching in and out.

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.

Other docs in this section