Text Link
<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"/>
Guides

Guides

The Guides feature in Vectornator helps you to control the exact position of your document elements and to align them precisely with other objects.

Follow Along!
Learn Vectornator from A to Z with this downloadable sample file.
Download File

What is a Guide?

Before learning to create and manage guides in Vectornator, it's essential to define first what a guide is and why it's crucial when working with a vector tool.

Guides are straight lines that help you precisely align text and other vector objects on your canvas. They're always displayed on 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 exported document.

There are three different types of guides available in Vectornator:

%table(1,3)%

Horizontal and Vertical Guides ~ic-guides~~ic-guides~ | are created by dragging them out directly from the Ruler.

Object Guides ~ic-line~~ic-line~ | can take the form of any shape (line, circle, etc.) and are created with the Guide Toolbar that appears when the Guides Panel is activated.

Smart Guides ~ic-smart-guides~~ic-smart-guides~ | are straight vertical or horizontal lines that appear automatically when objects are moved on the canvas if the Snapping option “Smart Guides” is enabled.

%table%

All Guides in Vectornator are default set to active and visible, but you can choose to hide them in the Preferences. In Vectornator, each Artboard possesses its own set of guides.

what is a guide

Guides

How to Add Guides

When the rulers are activated and visible on your document, tap directly on the Ruler. A horizontal or vertical guide will appear instantly where you tapped or clicked.

To add a new Guide ~ic-guides~~ic-guides~, activate the Selection Tool, tap on the Ruler ~ic-rulers~~ic-rulers~, and drag it to where you want to set the new guide. A blue line will appear and will help and guide you during your design process. Each Guide has a handle with which you can move the guide to its desired position.

Read more about Rulers ~ic-rulers~~ic-rulers~ in Vectornator →

How to Remove Guides

To delete a Guide, tap and hold the Guide, then swipe it outside the Artboard.

Object Guides

How to Access and Enable Object Guides

To enable drawing a new Object Guide, tap on the Guides icon ~ic-guides~~ic-guides~ on the right side of the Artboard’s title in the Layers Tab ~ic-layers-tab~~ic-layers-tab~ . A new panel containing all the Guides and Object Guides will open. The Toolbar will automatically transform and display only the drawing tools.

how to access object guides in Vectornator

How to Create a New Object Guide

Choose a 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.

How to Change the Position of Your Object Guide

You can position the Object Guides precisely on your canvas by using the x-y coordinates.

For example, if you want to set your vertical Guide to 50 px from the left border of your Artboard, select the guide, open the Arrange Tab ~ic-arrange-tab~~ic-arrange-tab~ , and set the x value = 50. The line will position automatically at the set coordinate value. Additionally, you can align object Guides to the Artboard by using the Align Options, as you can do with any other elements.

change guide position

How to Duplicate an Object Guide

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

As with any object in Vectornator, you can combine the Duplicate and Scale Mode.

How to Hide / Show Object Guides

To hide or show Object Guides, tap the ~ic-show~~ic-show~ button to the right of each Object Guide in the Panel. Tap the Eye Button on each Guide’s sublayer to hide ~ic-hide~~ic-hide~ or show ~ic-show~~ic-show~ the selected singular Guide.

⚠️ Your Object Guides will always be displayed at the top of your design and locked while drawing on the other layers.

Snapping to Guides

You can activate the snapping options for your guides in Vectornator to speed up your workflow and let you work as precisely as possible.

In Vectornator, open the Quick Settings, and inside the Snapping options, toggle the Snap to Guides ~ic-snap-guides~~ic-snap-guides~ option on ~ic-toggle-on~~ic-toggle-on~.

Learn Vectornator
Learn how to create your next design by using this Vectornator sample document.

Smart Guides

The third type of guide you can find in Vectornator is the so-called Smart Guide ~ic-smart-guides~~ic-smart-guides~, which activates automatically to help you align the elements precisely on your canvas. You can activate the Smart Guide feature by going to Quick Settings ~ic-settings~~ic-settings~and activating the toggle in the Snapping section.

The activated Smart Guides snap to the following components in Vectornator:

  • Artboards
  • Unselected objects ( if you have a Group on your canvas, the Smart Guide will automatically snap to the object located at the top of the layer stacking order. )
  • The previous position of selected objects (if you select more than one object, they are recognized as a single element by the Smart Guides)

The guides automatically snap to minimum, mid, or maximum snap points.

Download
Download the PDF version here.
Last Updated on Jul 21, 2022
Master the Power of Vectornator

Expand your skills and tackle the next challenge, our tutorials and courses will help you to master vector design on a professional level.

Go to Academy