Grids, Guides and Collisions

Grids, Guides and Collisions

VectorStyler provides a number of tools and options to help accurately position, resize or rotate objects. When moving objects on a canvas using the mouse, the position of the object is determined by the mouse movements. This type of positioning may not be sufficiently precise, for many designs or workflows.

The following options can be used to position objects accurately:

  • The Grid can be used to setup precise object locations, and to snap object positions to these locations while moving.
  • Guidelines are used to align and position objects at specific locations. Guidelines can be rotated to any angle, to enable more object alignment options.
  • When rotating objects, the rotation angle will snap to the angle of guidelines or grids on the current canvas and artboards.
  • Each artboard may contain its own grid and guideline settings.
  • The frame of other objects can be used to precisely align objects to other objects. This snapping option is also known in other applications as smart guides.
  • When editing nodes of paths, points can be positioned along arbitrary shapes.
  • When resizing objects, the size of the object can be snapped to specific object sizes, marked as size references.
  • Collision snapping can be used to detect collisions between object shapes when moving objects, and position objects to a precise distance from another object.
  • Formation snapping can be used to position objects in geometric formations with other objects.

In VectorStyler, grids and individual guidelines can be rotated to any angle.


This chapter describes the various snapping and guiding options available in VectorStyler as follows:

  • The most common snapping options are described in this section.
  • Grids - Describes how to setup grids on an artboard or the canvas, and how to create complex grid systems.
  • Guidelines - Describes how to create, modify and use guidelines to position an object. It also contains the description of the Guidelines panel to create and manage guideline groups.
  • Collisions - Describes how to use collision snapping to position objects with arbitrary shapes, and how to customize collision distances.
  • Formations - Describes how to use formation snapping to create object arrangements, and how to configure the formation snapping options.
  • Snapping Options - Describes how to use the Snapping panel to control various snapping and guiding options.

Snapping Commands

The various snapping options can be selected and enabled from the View - Guides menu. The following options are available:

  • Enable Snapping - Enable or disable all active snapping options. This option must be enabled to be able to use any of the active snapping options. When disabled, the active snapping options remain active, but are not used.
  • Show/Hide Grid - Show or hide the grid in the current document. The hidden grid can still be active for snapping.
  • Show/Hide Guidelines - Show or hide the guidelines in the current document. The hidden guidelines can still be active for snapping.
  • Show/Hide Slices - Show or hide the export slices margins.
  • Lock Guidelines - Lock or unlock the guidelines on the current artboard or canvas.
  • Make Guides - Convert the selected objects to guidelines. Guideline objects use collision snapping mode, when Snap to Guidelines is enabled, even if collision snapping is disabled. For more details on using guideline objects, see the Guidelines section.
  • Release Guides - Release the selected guideline objects to regular objects.
  • Snap to Grid - Enable or disable snapping to the grid. When enabled, the coordinates defined in the grid settings are used to position objects.
  • Snap to Guidelines - Enable or disable snapping to guidelines. When enabled, moving objects close to the guidelines of the current artboard and canvas will snap the object margin to the guideline. This includes colliding with guideline object shapes, and snapping arbitrary object shapes to rotated guidelines.
  • Snap to Artboard - Enable or disable snapping to the artboard margins.
  • Snap to Slices - Enable or disable snapping to export slice margins.
  • Snap to Objects - Enable or disable snapping to object margins and center axis. This option is also known as smart guides in other applications. The object snapping options take into account the document view rotation angle, to allow for better object positioning.
  • Snap to Size References - Enable or disable snapping object sizes to selected reference sizes. Reference object sizes can be selected using the Size Reference option from the Object menu.
  • Snap to Shapes - Enable or disable snapping points to object shapes. When enabled, moving points close to object shapes will position the point on the object shape.
  • Snap to Points - Enable or disable snapping points intersection points between other shapes.
  • Collision Snapping - Enable or disable collision snapping. Collision snapping uses collisions between arbitrary shapes, to position objects at colliding locations, or at preset distances. For more details, see the Collisions section.
  • Formation Snapping - Enable or disable formation snapping. Formation snapping uses the location of other objects, to position the moved objects at geometric formations with other objects. For more details, see the Formations section.

Snapping to Shapes

When editing paths and curves with the Node tool, the path nodes can be positioned on other object shapes, by using the Snap to Shapes option from the View - Guides menu.

When the Snap to Shape option is enabled, moving point like selections will position these points on the closest shape. This option can be used to place path nodes over other shapes.

When the Snap to Points option is enabled, points are snapped to intersection points between other shapes.

The Snap to Shape option accessed using the Options button in the Object Options view, can be used to disable snapping to the shape of an object.