> ## Documentation Index
> Fetch the complete documentation index at: https://docs.presenton.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Shapes and lines

> Add basic shapes, arrows, and lines.

Open **Elements** to add a **Rectangle**, **Circle**, **Ellipse**, **Triangle**, **Diamond**, **Pentagon**, **Hexagon**, **Arrow**, or **Line**.

<video className="doc-video" controls preload="metadata" playsInline src="https://mintcdn.com/presenton-521d9e2f/isevrd3o6JPIkznF/images/user-guide/editing-and-refining/guided/shapes-elements.mp4?fit=max&auto=format&n=isevrd3o6JPIkznF&q=85&s=48425a4acc0eb56de0a5a75a39c7b507" data-path="images/user-guide/editing-and-refining/guided/shapes-elements.mp4">
  Your browser does not support the video tag.
</video>

<Steps>
  <Step title="Add the element">
    Select the required shape, arrow, or line from **Elements**.
  </Step>

  <Step title="Place it">
    Move, resize, or rotate the selected element on the canvas.
  </Step>

  <Step title="Review the composition">
    Confirm it supports the content and does not obscure text or data.
  </Step>
</Steps>

<Card title="Transform canvas elements" icon="arrows-up-down-left-right" href="/archive/v0.9.2-beta/user-guide/editing-and-refining/canvas/drag-and-drop">
  Watch the verified resize, rotate, and reposition workflow.
</Card>
