> For the complete documentation index, see [llms.txt](https://docs.tangramapps.com/en/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tangramapps.com/en/quick-start/create-a-tool.md).

# Create a tool

Customize visual form with flow logic

{% hint style="info" %}
Taking a problem feedback tool as an example.
{% endhint %}

### Create

<figure><img src="https://1809556891-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNmASc52mbS5BH4kcxCHP%2Fuploads%2Fmuu4CM06fI1bsZCvobp3%2Fimage.png?alt=media&amp;token=b4082869-fa55-47ea-a03d-b6c789e12c99" alt=""><figcaption></figcaption></figure>

The public attribute setting tool can be publicly accessed and will add verification codes for verification.

### Form Design

Drag and drop to create a custom layout.

<figure><img src="https://1809556891-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNmASc52mbS5BH4kcxCHP%2Fuploads%2FZFjvB26al4rfYyxZ2QO0%2Fimage.png?alt=media&amp;token=2925c297-6474-46ec-99dd-7948284e403b" alt=""><figcaption></figcaption></figure>

Double click on the form to set up details.

### Associated Flow Logic

<figure><img src="https://1809556891-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNmASc52mbS5BH4kcxCHP%2Fuploads%2FE99BojxOQsXYYFQGQNHR%2Fimage.png?alt=media&amp;token=23e5a575-5366-4c38-b3e7-560c605c461d" alt=""><figcaption></figcaption></figure>

Click on the "Flow" tab to enter the flow settings interface.

1. Using Format Node to set message formatting.
2. Use Slack App to send message.

<figure><img src="https://1809556891-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNmASc52mbS5BH4kcxCHP%2Fuploads%2FL3t84aqUvdwEk2bM3HaB%2Fimage.png?alt=media&amp;token=4ebf6099-1db4-46c1-8236-ad6afe23d61b" alt=""><figcaption></figcaption></figure>

Get the value of the form's "type" and "textarea" and format the title as "\[type] Issue \[Message]".

<figure><img src="https://1809556891-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNmASc52mbS5BH4kcxCHP%2Fuploads%2FxesQSuG8Z8EuITll6bbz%2Fimage.png?alt=media&amp;token=af8038d8-2ad2-4f1b-be69-e3bdf9aae392" alt=""><figcaption></figcaption></figure>

Config slack app, choose "send\_text" action.

Set params channel and text, get text from form parameters.

### Preview form and test

<figure><img src="https://1809556891-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNmASc52mbS5BH4kcxCHP%2Fuploads%2FJcphXBmUC3bkvyWRhtUv%2Fimage.png?alt=media&amp;token=3ab51ca2-103a-4964-9fa1-36d43dc50bb4" alt=""><figcaption></figcaption></figure>

Enter data in the form and submit it.

<figure><img src="https://1809556891-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNmASc52mbS5BH4kcxCHP%2Fuploads%2F8pbpqPCEJppumPqhHmXx%2Fimage.png?alt=media&amp;token=f62bab33-764c-4dcc-a571-58434c150079" alt=""><figcaption></figcaption></figure>

When job done, you can see all execution details.

<figure><img src="https://1809556891-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FNmASc52mbS5BH4kcxCHP%2Fuploads%2FLD51z01eonkHNnwuPKyS%2Fimage.png?alt=media&amp;token=88b263da-d891-41fa-8896-2611624ac8aa" alt="" width="205"><figcaption></figcaption></figure>

Congratulations! Completed a simple visualization tool configuration.
