# Create new HMI Panel

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

1. Right-click on project folder and select **New ->** ![](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 Panel File.**

   <figure><img src="https://175138337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvxlh3prlGsBGF30oqbYW%2Fuploads%2F2NYJB14TUbnUV3Mp8NlB%2Fimmagine.png?alt=media&#x26;token=fb91f53d-69e2-43dd-921b-c8b387b781f6" 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="https://175138337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvxlh3prlGsBGF30oqbYW%2Fuploads%2FCV2uI1PatE78TkvudyXs%2Fhmi-top-bar.png?alt=media&#x26;token=4fce6ea4-1531-4029-aba4-86d222108638" alt=""><figcaption></figcaption></figure>
4. Using the side tool window you can add **Title** and **Logo** to the HMI panel.

   <figure><img src="https://175138337-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvxlh3prlGsBGF30oqbYW%2Fuploads%2FHgBEHFHlqhQR7G4qJ5kB%2Fhmi-title-logo.png?alt=media&#x26;token=05420931-0b47-4b1e-8896-0c0fbdc20d9d" 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.