What are Shapes in Vani and How to Use Them

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 sections, highlighting key points, or adding context to your diagrams.   



How to add shapes  

You can add shapes in the following ways:

Using the keyboard shortcut  

Press S to open the Elements panel. Shapes will appear at the top.

Using the toolbar  

Click Elements in the left toolbar. In the Elements panel, go to Shapes and pick a shape.

Adding Text Inside Shapes  

Every shape in Vani supports text. To add text, simply double-click inside the shape and start typing. This makes shapes more than just visual markers—they can also serve as labels, titles, or containers for important notes, allowing you to combine visuals and context in one place.

Advanced shapes  

For more specialized needs, you can access additional options by clicking Explore advanced shapes within the Shapes menu. This opens a broader library of shapes that support more complex visualizations, including:

  • Basic shapes
  • Block arrows
  • Flowchart shapes
  • Equation shapes
  • Stars
  • Callouts
  • Action buttons
  • Connectors (lines)

These advanced options allow you to go beyond simple shapes and build structured diagrams, workflows, organizational charts, or visual stories.




    • Related Articles

    • Kits

      What are Kits? Kits are customizable sets of tools, templates, and layouts that you can add to your toolbar in Vani. Think of them as building blocks that let you tailor your Space to fit exactly what you’re working on. Whether you’re diagramming, ...
    • Layers

      The Layers panel shows all elements in the current Zone, including frames, text boxes, templates, shapes, images, and other objects. Use it to quickly find and select items without searching on the canvas. Open the Layers panel Click the Layers icon ...
    • Annotate and Highlight

      The Pen tool is available in the bottom toolbar, alongside the Move tool and Hand tool. To use the Pen tool: Click the pencil icon in the bottom toolbar. Select Pen from the available options. Choose a color and stroke size to begin drawing on the ...
    • 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 ...
    • Frames

      Frames are containers in which you can organize objects, such as shapes, text, images, audio, and more, inside a Space. When objects are placed inside a frame, you can move, copy, or delete them together while still being able to edit each item ...