> 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

![](/files/b0XsenUiNn5A5nQOXi0r) **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="/files/cCYhS6DogWBYlyRzS0Oq" 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.