> 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/create-new-hmi-panel.md).

# Create new HMI Panel

Create a new **HMI Panel File** to start develop a custom panel with Robpod [HMI Designer](/hmi-designer/introduction.md).

1. Right-click on project folder and select **New ->** ![](/files/b0XsenUiNn5A5nQOXi0r) **HMI Panel File.**

   <figure><img src="/files/WiuHPqqwNG4hMBcnMSuO" alt=""><figcaption></figcaption></figure>
2. Choose a file name for the panel, and the HMI Designer Editor will apear.
3. Click on the HMI panel top bar to start editing the panel **UI properties.**

   <figure><img src="/files/veZKdMOTTAnU98vv8HBz" alt=""><figcaption></figcaption></figure>
4. Using the side tool window you can add **Title** and **Logo** to the HMI panel.

   <figure><img src="/files/HNPTXA93ywRwqalFIvu5" alt=""><figcaption></figcaption></figure>
5. You can use the side tool window also to change the HMI **panel size** in order to fit the **resolution** with the screen of the robot teach pendant you will be using.&#x20;
6. You can also change the **color** settings for top and footer bar.