> For the complete documentation index, see [llms.txt](https://docs.robpod.cloud/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.robpod.cloud/hmi-designer/introduction.md).

# Introduction

![](https://175138337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvxlh3prlGsBGF30oqbYW%2Fuploads%2FMrGmjBMvNWDKwMKe2Afq%2Fhmi_file.png?alt=media\&token=241bf936-463c-4cbf-ae33-0c067a7f611c) **HMI Designer** is a tool provided by [Robpod Studio](/get-started/introduction.md) that can be used to develop custom user interface panels for robot programs.

<figure><img src="https://175138337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvxlh3prlGsBGF30oqbYW%2Fuploads%2F5PUShnm5iGCTiDVwOztR%2Fdesign-link-run-white.png?alt=media&amp;token=4015ba4c-a435-47bb-8f32-520e672ed9cc" alt=""><figcaption></figcaption></figure>

Using HMI Designer graphical panels can be developed easily with **drag and drop** actions and linked with robot variables and functions.

Panels developed with HMI Designer can be viewed by users both on [robot teach pendant](/hmi-designer/design-steps/run-hmi-program.md) and on common [Desktop environments](/hmi-designer/desktop-hmi-viewer.md).

{% embed url="<https://youtu.be/gX7d7fiKPas>" %}

### Get Started

* Check out how the HMI Designer [**user interface**](/hmi-designer/user-interface.md) is organized to learn how to navigate into it.&#x20;
* Follow [**Installation Instructions**](/hmi-designer/installation.md) to setup the HMI plugin on your robot.
* Check the[ **Design Steps**](/hmi-designer/design-steps.md) to learn how to develop a custom panel with HMI Designer or have a look at the [**Complete Tutorial** ](/hmi-designer/hmi-tutorials.md)videos.