# UI Maker Getting Started Guide

> Quick setup guide for using UI Maker to build forms and UIs in API Maker.

Source: https://docs.apimaker.dev/v1/extensions/ui_maker/getting_started.html

> **UI Maker is deprecated**
>
> UI Maker is kept for the projects which use it and will be removed in API Maker v4. New admin screens are better built with any frontend framework on top of the [generated APIs](https://docs.apimaker.dev/v1/docs/apis-all/overview.html).

👉 When you install API Maker + Extensions, you will see this icon available in API Maker dashboard.

![API Maker Dashboard with UI Maker](https://docs.apimaker.dev/v1/extensions/img/am_dashboard_ui_maker.png)

👉 On click of that you will see empty list of UI Pages.

👉 Add new UI Page by clicking on top right corner.

![Add Form 1](https://docs.apimaker.dev/v1/extensions/img/students_form_1.png)
![Add Form Config](https://docs.apimaker.dev/v1/extensions/img/Students_form_config_1.png)

👉 Below is students table schema
![Students Table Schema](https://docs.apimaker.dev/v1/extensions/img/Students_table_schema.png)

👉 Your basic UI Page is ready. To view this UI Page, you can click on blue icon as shown in below image of grid.
![UI Pages Grid](https://docs.apimaker.dev/v1/extensions/img/Students_one_column_grid.png)

👉 URL will look like below & you need to pass tokens as per your authorization settings.
```text
http://____host_port____/?admin-path=admin&db-master-name=Students&x-am-authorization=____token____
```

👉 Simple UI page will look like below.
![Simple UI Page One Column View](https://docs.apimaker.dev/v1/extensions/img/Students_list_view_1.png)