---
title: How do I use the shape tool?
description: The shape tool is a way to create shapes and measurements to be added to a project as a layer
---

[Skip to content](https://knowledge.sitemarker.com/how-do-i-use-the-shape-tool#main-content)

English

Show submenu for translations

![Rebrand Logo Mark No ISO.png\]](https://knowledge.sitemarker.com/hs-fs/hubfs/Rebrand%20Logo%20Mark%20No%20ISO.png?height=40&name=Rebrand%20Logo%20Mark%20No%20ISO.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- Go to sitemarker.com

 Go to sitemarker.com

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Center](https://knowledge.sitemarker.com/?hsLang=en)
2. [Projects](https://knowledge.sitemarker.com/projects?hsLang=en)
3. [Layers](https://knowledge.sitemarker.com/projects?hsLang=en#layers)

# How do I use the shape tool?

## The shape tool is a way to create shapes and measurements to be added to a project as a layer

The shape tool can now be access through two ways:

- [Mobile](https://knowledge.sitemarker.com/how-do-i-use-the-shape-tool#mobile) 
    - [Written article](https://knowledge.sitemarker.com/how-do-i-use-the-shape-tool#Mobile-article)
    - [Creating Shapes](https://knowledge.sitemarker.com/how-do-i-use-the-shape-tool#Creating-Shapes)
    - [Styles and Settings](https://knowledge.sitemarker.com/how-do-i-use-the-shape-tool#Styles-settings)
    - [Editing Shapes After Saving](https://knowledge.sitemarker.com/how-do-i-use-the-shape-tool#Editing)
- [Web](https://knowledge.sitemarker.com/how-do-i-use-the-shape-tool#Web)

Think of the shape tool as a way to show an area, measure distances, and track progress.

Watch a quick tutorial, or continue to read the article:

<iframe data-hsv-src="https://play.hubspotvideo.com/v/21083788/id/208193097904" referrerpolicy="origin" sandbox="allow-forms allow-scripts allow-same-origin allow-popups" allow="autoplay; fullscreen;" style="position: absolute !important; width: 100% !important; height: 100% !important; left: 0; top: 0; border: 0 none; pointer-events: initial" title="HubSpot Video" loading="lazy" data-hsv-id="208193097904" data-hsv-style="" data-hsv-width="300" data-hsv-height="653" data-hsv-autoplay="false" data-hsv-loop="false" data-hsv-muted="false" data-hsv-hidden-controls="false" data-hsv-full-width="false"></iframe>

 

Mobile Shape Tool Article

![](https://knowledge.sitemarker.com/hs-fs/hubfs/image-png-Feb-23-2026-08-45-37-5439-PM.png?width=153&height=132&name=image-png-Feb-23-2026-08-45-37-5439-PM.png)

 

To get to the shape tool open up a project and go to the map. At the bottom of the screen, there is an icon in the shape of a polygon.

 

Upon opening the editor you will be presented with several options:![](https://knowledge.sitemarker.com/hs-fs/hubfs/image-png-Feb-23-2026-08-58-20-9139-PM.png?width=600&height=480&name=image-png-Feb-23-2026-08-58-20-9139-PM.png)

1. Ability to toggle other layers
2. Shape Type Selection
3. Measurement Selection (area or perimeter)
4. Undo and Clear All options
5. Style Changes
6. Settings to control units

#### Creating Shapes

![](https://knowledge.sitemarker.com/hs-fs/hubfs/image-png-Feb-23-2026-09-23-42-9618-PM.png?width=600&height=480&name=image-png-Feb-23-2026-09-23-42-9618-PM.png)

 

1. Creating a shape 
     1. Select which shape you would like to draw, and start by tapping the screen where the first vertex should be. Continue tapping the screen to draw the shape.
     2. Tap on a vertex twice to delete it
     3. Tap on the + to add a new vertex
     4. All vertices can be moved to change the shape
     5. Complete the shape by tapping the first vertex, or by tapping the Finish button at the bottom.
2. Tap the screen again to start a new shape. All shapes will be saved under one layer

#### Styles and Settings

![](https://knowledge.sitemarker.com/hs-fs/hubfs/image-png-Feb-23-2026-09-30-15-7559-PM.png?width=670&height=704&name=image-png-Feb-23-2026-09-30-15-7559-PM.png)

**Style Changes:** Adjust the color of the shape to match what color is seen for an exisiting shape, or set what new shapes will have. You can also set the shape opacity here

**Settings:** Set what units you want to see for Area, Distance, and if you prefer to see area or permiter primarily

#### Editing After Saving

![IMG\_8736](https://knowledge.sitemarker.com/hs-fs/hubfs/IMG_8736.png?width=246&height=535&name=IMG_8736.png)

![](https://knowledge.sitemarker.com/hs-fs/hubfs/IMG_8737-png.png?width=246&height=535&name=IMG_8737-png.png)Once the layer is saved to your project, you can enable it just like any other layer. But we added functionality to tapping on the shape and having information displayed:

 

 

Tapping on the Edit icon in the bottom right allows you to open up the editing screen again and make the changes you want.

To Edit a specific shape, tap on the desired shape, and you will see an Edit option appear.

 

After Editing, you can click the save button in the top right to save your changes to the existing layer.

**Important Note**: You will be able to edit web admin shapes from here as well, however it is limited to shapes that can be created on mobile (polygon, line, and rectangle). Shapes like the circle will have to be edited from web.

### Web Shape Tool:

<iframe src="https://www.loom.com/embed/24b2c01e5c414e37871ae90c5be2a6ac" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>

 

 

- [Reports](https://knowledge.sitemarker.com/reports?hsLang=en)
- [Pins](https://knowledge.sitemarker.com/pins?hsLang=en#main-content)

    - [Dropping pins](https://knowledge.sitemarker.com/pins?hsLang=en#dropping-pins)
    - [editing - Directly or in Report](https://knowledge.sitemarker.com/pins?hsLang=en#editing-directly-or-in-report)
    - [Exporting pins](https://knowledge.sitemarker.com/pins?hsLang=en#exporting-pins)
- [Workspaces](https://knowledge.sitemarker.com/workspaces?hsLang=en)
- [Projects](https://knowledge.sitemarker.com/projects?hsLang=en#main-content)

    - [Add Members](https://knowledge.sitemarker.com/projects?hsLang=en#add-members)
    - [Editing a Project](https://knowledge.sitemarker.com/projects?hsLang=en#editing-a-project)
    - [Creating a Project](https://knowledge.sitemarker.com/projects?hsLang=en#creating-a-project)
    - [Images](https://knowledge.sitemarker.com/projects?hsLang=en#images)
    - [Layers](https://knowledge.sitemarker.com/projects?hsLang=en#layers)
    - [Data Exports](https://knowledge.sitemarker.com/projects?hsLang=en#data-exports)
- [Members](https://knowledge.sitemarker.com/members?hsLang=en#main-content)

    - [Profile](https://knowledge.sitemarker.com/members?hsLang=en#profile)
    - [Permissions](https://knowledge.sitemarker.com/members?hsLang=en#permissions)
- [Notes / Meetings](https://knowledge.sitemarker.com/notes-meetings?hsLang=en#main-content)

    - [Notes](https://knowledge.sitemarker.com/notes-meetings?hsLang=en#notes)
    - [Meetings](https://knowledge.sitemarker.com/notes-meetings?hsLang=en#meetings)
- [Maps Screen](https://knowledge.sitemarker.com/maps-screen?hsLang=en#main-content)

    - [Construction Drawing](https://knowledge.sitemarker.com/maps-screen?hsLang=en#construction-drawing)
    - [Add/Edit Layers](https://knowledge.sitemarker.com/maps-screen?hsLang=en#add-edit-layers)
    - [Dashboard overview](https://knowledge.sitemarker.com/maps-screen?hsLang=en#dashboard-overview)
- [Documents](https://knowledge.sitemarker.com/documents?hsLang=en#main-content)

    - [Exporting to Site Marker](https://knowledge.sitemarker.com/documents?hsLang=en#exporting-to-site-marker)
    - [Images](https://knowledge.sitemarker.com/documents?hsLang=en#images)
    - [Document Management System](https://knowledge.sitemarker.com/documents?hsLang=en#document-management-system)
- [Dashboard features](https://knowledge.sitemarker.com/dashboard-features?hsLang=en#main-content)

    - [Need Help? Section](https://knowledge.sitemarker.com/dashboard-features?hsLang=en#need-help-section)
    - [Web Admin Dashboard](https://knowledge.sitemarker.com/dashboard-features?hsLang=en#web-admin-dashboard)
- [Offline Mode](https://knowledge.sitemarker.com/offline-mode?hsLang=en)
- [Integrations](https://knowledge.sitemarker.com/integrations?hsLang=en#main-content)

    - [Trimble](https://knowledge.sitemarker.com/integrations?hsLang=en#trimble)
    - [GNSS Recievers](https://knowledge.sitemarker.com/integrations?hsLang=en#gnss-recievers)
    - [Autodesk](https://knowledge.sitemarker.com/integrations?hsLang=en#autodesk)
- [App Status](https://knowledge.sitemarker.com/app-status?hsLang=en)
- [AI](https://knowledge.sitemarker.com/ai?hsLang=en)
- [QR Signs and Dynamic Links](https://knowledge.sitemarker.com/qr-signs-and-dynamic-links?hsLang=en)
- [Layers](https://knowledge.sitemarker.com/layers?hsLang=en)

[![](https://knowledge.sitemarker.com/hs-fs/hubfs/14-1.png?width=1122&height=495&name=14-1.png)](http://sitemarker.com)

sitemarker.com Help Center

<https://www.facebook.com/> <https://www.twitter.com/> <https://www.instagram.com/> <https://podcasts.apple.com/> [mailto:email@email.com](mailto:email@email.com)

Copyright © 2026, Site Marker Inc.

```json
{
  "@context" : "https://schema.org",
  "@type" : "VideoObject",
  "contentUrl" : "https://21083788.fs1.hubspotusercontent-na1.net/hubfs/21083788/video_assets/208192879961/inherited/web_optimized.mp4",
  "dateModified" : "2026-02-23T21:06:53.816Z",
  "duration" : "PT2M10S",
  "height" : 1564,
  "name" : "Mobile Shape Video",
  "thumbnailUrl" : "https://21083788.fs1.hubspotusercontent-na1.net/hubfs/21083788/Mobile%20Shape%20Video.mov/medium.jpg",
  "uploadDate" : "2026-02-23T21:05:20.640Z",
  "width" : 718
}
```