> 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/design-steps/preview-hmi-panel.md).

# Preview HMI Panel

You can use the **preview toolbar** to get an idea of how the designed HMI panel will look like. Using the preview function can be usefull because HMI panel will not look exactly the same on every device.

<figure><img src="/files/Ym7glQt3lImibK43LdeT" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Robot plugin must be [installed ](/hmi-designer/installation.md)on robot to launch the preview on robot teach pendant.
{% endhint %}

{% hint style="info" %}
Keep in mind that the preview function will not launch a working instance of your HMI panel, but just a graphical preview.
{% endhint %}

### Local Preview

Select ![](/files/TWWz4ZM9tEMw2bNiiPzZ)**Local** option and click on ![](/files/8HjhORLls0Do9m0N5AcG)**Preview** to launch the preview on your PC.

### Remote Preview

{% tabs %}
{% tab title="Universal Robots" %}
Select ![](/files/vf1R666pLfy2POUlyOa3)**Robot** option and click on ![](/files/8HjhORLls0Do9m0N5AcG)**Preview** to launch the preview directly on robot teach pendant.

<figure><img src="/files/Cwna2QiWoa9HKwgqMBbS" alt=""><figcaption></figcaption></figure>

{% endtab %}

{% tab title="Doosan Robotics" %}
Open **Robpod App** inside Doosan teach pendant and keep it open durning the procedure.&#x20;

<figure><img src="/files/nR30BkLH6QYytvQEulb9" alt="" width="563"><figcaption></figcaption></figure>

Select ![](/files/vf1R666pLfy2POUlyOa3)**Robot** option and click on ![](/files/8HjhORLls0Do9m0N5AcG)**Preview** to launch the preview directly on robot teach pendant.

<figure><img src="/files/Cwna2QiWoa9HKwgqMBbS" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}