Text Link
Learning Hub
<path d="M9.50722 3C8.7236 3 8.08836 3.65448 8.08836 4.46182V9.68327C8.08836 10.0502 8.2223 10.4037 8.4636 10.6736L11.7126 14.3078C11.8812 14.4964 12.1702 14.4964 12.3388 14.3078L15.5878 10.6736C15.8291 10.4037 15.963 10.0502 15.963 9.68327V4.46182C15.963 3.65448 15.3278 3 14.5442 3H9.50722Z" fill="currentColor"/> <path d="M20.972 21V16.6308C20.972 16.3517 20.7478 16.14 20.4862 16.14C20.1967 16.1496 20.0099 16.3613 20.0099 16.6404V21H20.972Z" fill="#4949BC"/> <path d="M18.3005 21H19.2719V18.0744C19.2719 17.7953 19.0477 17.5836 18.7769 17.5836C18.4966 17.5932 18.3098 17.7953 18.3098 18.084L18.3005 21Z" fill="currentColor"/> <path d="M16.6098 21H17.5719V18.0744C17.5719 17.7953 17.3477 17.5836 17.0768 17.5836C16.7966 17.5932 16.6098 17.7953 16.6098 18.084V21Z" fill="currentColor"/> <path d="M14.9097 21H15.8718V18.0744C15.8718 17.7953 15.6476 17.5836 15.3861 17.5836C15.0965 17.5932 14.9097 17.7953 14.9097 18.084V21Z" fill="currentColor"/> <path d="M13.2003 21H14.1718V18.0744C14.1718 17.7953 13.9476 17.5836 13.6767 17.5836C13.3965 17.5932 13.2097 17.7953 13.2097 18.084L13.2003 21Z" fill="currentColor"/> <path d="M11.5003 21H12.4624V16.6308C12.4624 16.3517 12.2382 16.14 11.9766 16.14C11.6964 16.1496 11.5003 16.3613 11.5003 16.6404V21Z" fill="currentColor"/> <path d="M9.80021 21H10.7623L10.7623 18.0744C10.7623 17.7953 10.5475 17.5836 10.2766 17.5836C9.99637 17.5932 9.80955 17.7953 9.80955 18.084L9.80021 21Z" fill="currentColor"/> <path d="M8.10016 21H9.06227V18.0744C9.06227 17.7953 8.83809 17.5836 8.57654 17.5836C8.29632 17.5932 8.10016 17.7953 8.10016 18.084L8.10016 21Z" fill="currentColor"/> <path d="M6.4001 21H7.36222L7.36222 18.0744C7.36222 17.7953 7.13804 17.5836 6.87649 17.5836C6.59626 17.5932 6.4001 17.7953 6.4001 18.084V21Z" fill="currentColor"/> <path d="M4.70005 21H5.66217L5.66217 18.0744C5.66217 17.7953 5.43799 17.5836 5.17644 17.5836C4.89621 17.5932 4.70005 17.7953 4.70005 18.084L4.70005 21Z" fill="currentColor"/> <path d="M3 21H3.96212L3.96212 16.6308C3.96212 16.3517 3.73794 16.14 3.46705 16.14C3.18682 16.1496 3 16.3613 3 16.6404L3 21Z" fill="currentColor"/>


The Guides feature in Vectornator gives you better control over your document elements; allowing you to align them to other objects.

What is a Guide?

Before learning how to create and manage guides in Vectornator, it's important to define what a guide is and why they are so important when working with a vector tool.

Guides are straight lines that help you align text and other vector objects on your canvas. They're always displayed at the top of your design to help you follow the structure you defined for your project. However, they do not interfere with your document's layers, and they will not be displayed in the final version when your document is exported.

By default, all Guides in Vectornator are active and visible, but you can choose to hide them by going to Guides Layer and then tap the Hide button.

In Vectornator, there are two types of guides:


Object Guides | Vector shapes which can be controlled from the Guides Layer.

Smart Guides | Straight vertical or horizontal lines which can be created from the Ruler.


How to access the Guides Layer

The Object Guides in Vectornator can be created by accessing the Guides Layer (A) placed at the bottom of the Layers.

Simply tapping on this Layer will enable the Guides and activate the Guides Toolbar (B).

TIP: By tapping the Guides Layer Name, you can easily close the dropdown menu.

Creating a new Guide

Pick one tool from the Guides Toolbar and tap it to start drawing your Object Guide. The shape of the Object Guide can be a line, square, circle, polygon, or spiral.

Pro Tip: Holding a second finger on the canvas while drawing a Rectangle will make a perfect square, while drawing a line will allow you to create horizontal or vertical lines.

Duplicating a Guide

Select the Guide you want to duplicate and tap the Duplicate Mode button inside the Toolbar, then drag and drop your Guide in the same way that you would for any object inside Vectornator.

As you do for any object in Vectornator, you can also combine the Duplicate and Scale Mode.

Hide / Show Guides

Tap the button near the Layer’s title to hide or show all the Guides at once. Tap the button on each Guide’s sublayer to hide or show the selected Guide.

⚠️ The Guides will be always displayed at the top of your design, and the elements within the Guides Layer will be always locked when drawing on the other Layers.

Locking Guides

Any elements within the Guides Layer will be always locked when drawing on the other Layers, but when you’re creating your Guides' structure and want to lock a specific Guide, you can do it by tapping the Lock button on the right of each sublayer inside the Guides Layer.

Snapping to Guides

You can also activate the snapping options for your Guides. This option is very useful for speeding up your workflow and helping you be as precise as possible.

In Vectornator, open the Quick Settings and tap to open the Snapping Tab where you can switch this feature on or off with a simple tap.

Creating a new Smart Guide

To add a Guide, tap on the Ruler and drag it to set the Guide. The helpful blue lines will become visible, and will help guide you during your design process.

⚠️ Adding Smart Guides is only possible when the Rulers is activated.

To delete a Guide, simply tap and hold the Guide to move it, and drop it outside the canvas.

Visit our Mac-dedicated Learning Hub to learn How to use Guides on Vectornator on your Mac ➞
Download the PDF version here.
Last Updated on Jul 19, 2021
Was this useful?