# SharinPix Sketcher

The **SharinPix Sketcher** component enables users to annotate sketches. Common annotation features provided by this component include the addition of polygons, lines, shapes, text, and many more. [This functionality is also available for offline use in Salesforce Field Service (SFS).](/documentation/lightning-web-component/sharinpix-sketch-components-for-salesforce-field-service-usage.md)

{% hint style="info" %}
**Information:**

This feature is only available on Lightning. It can be used:

* On Page Builder
* On Desktop
* Field Service Mobile (accessible both online and offline)
  {% endhint %}

## Getting Started

To use the SharinPix Sketcher component, simply need to drag and drop the component from the Lightning App Builder onto your page layout.

![](/files/b9Dnwk0BwfLuHXXCsF3Y)

## SharinPix Sketcher Setting

To use SharinPix Sketch on both desktop and mobile, you should ensure the following for the SharinPix Sketch component:

* Assign the permission set, **SharinPix Sketch Permission** , to the users.
* Follow the steps below to set up a SharinPix Sketch Template and use of SharinPix Sketcher:
  1. Go to the App Launcher and find the **Sketch Template**.
  2. Create a new template and insert the **SVG** of an image into the **template** field.
  3. Go to the object where you will add the SharinPix Sketcher and edit the record page to add the component.
  4. In the SharinPix Sketcher component, select the Sketch Template.
  5. Begin adding annotation and text to the Sketch as needed.

## Demo

The diagram below depicts the creation of a sketch template with the SVG metadata of an image integrated into the template.

![](/files/indgcQiIclXX6XCYBvnQ)

The screenshot below depicts the Sketcher Component with a sketch template.

![](/files/dHXM3Ahvir54zjFy4Dl2)

The diagram below shows the SharinPix Sketcher with Sketch Template created above.

![](/files/kAyyDcEkEVbzp6LIPSDW)

The picture below shows sketches that has been annotated and saved in SharinPix Sketcher.

![](/files/6ljan8mD2hNa0y2LeUJy)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sharinpix.com/documentation/lightning-web-component/sharinpix-sketcher.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.