What are Connectors in Vani and How to Use Them

Connector

A connector helps you visually map relationships between objects in your Space. You can connect elements such as shapes, text boxes, images, GIFs, and Sticky Notes. Once connected, objects remain attached even if you move or resize them, making it easier to maintain neat layouts, workflows, or diagrams.



Connecting objects  

Connector points
When you select an object, small circles called connector points appear along its edges. Drag a connector point and attach it to any spot on another object to create a connection.

Connect two existing objects

  1. Select the first object.
  2. Drag a connector point toward the second object.
  3. Drop it at the exact spot on the second object where you want them to connect.

Connect an existing object to a new object

  1. Select an object and click or drag from one of its connector points.
  2. Drop the object where you want the new object to appear.
  3. The options menu will open. You can choose from shapes, text styles, images, or just duplicate the previous object
  4. The new object will automatically be connected to the original one.

Connector styles
You can customize a connector’s appearance to match your diagram or workflow.

To change a connector’s style:

  1. Select the connector.
  2. In the right toolbar, click Format.
  3. Expand the Format Options panel to see all style settings.

 

Adding text on connectors

Double-click a connector to add text to it. You can also add text to a connector from the format options.

This will be especially useful when drawing flowcharts and diagrams.

Connector format tools

The Format panel includes:

  • Color – Pick a color or enter a hex code.
  • Width – Adjust line thickness.
  • Outline – Choose solid, dashed, or dotted lines.
  • Type – Select straight, elbow, curved, or rounded connectors.
  • End point – Set arrow styles for the start and end.
  • Add text – Place text directly on the connector.
  • Direction – Position text on either side of the connector.


Deleting a connector

Select the connector and press Delete on your keyboard.

    • Related Articles

    • Pins and hyperlinks

      Pin tool The pin tool lets you mark specific locations or objects in a Space so you and your teammates have the right context while navigating. Pins are useful for pointing teammates to important locations or objects inside a Space. Add pins From the ...

    • Shapes

      Shapes in Vani help you visually organize content and structure ideas within a Space. You can use them to build diagrams, workflows, and frameworks. Add text directly inside any shape, making them useful not just for visuals but also for labeling ...