# Building The Layout

Now that we have the data set up, it's time to create the user interface described in [Getting Started](/overview/getting-started.md) by making use of the **Layout Designer.**

In this two-part guide we will go through :

* creating an **App Page** which will be the default page the user will see when opening the To Do Application.
* creating an **Object Page** which will allow users to create and modify a task.

For in-depth documentation about building User-Interfaces (UI), you can check out the corresponding documentation page: 

{% content-ref url="/pages/-M8Hk3JzXVnt7-dFBYjg" %}
[Layout Designer](/building-an-application/views/design-ui.md)
{% endcontent-ref %}

## Layout Designer

The Layout Designer allows us to create user interfaces for different functionalities of an application. It has different kinds of pages, but this tutorial will only be looking at the **App Page** and **Object Page**. 

To open the Layout Designer, click on **Views > Layouts** while being in configuration mode.

![Opening Layouts](/files/-MAqx-h7Iack8SK9OoJ2)

Now let get started creating some pages with the Layout Designer


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.tivity.one/overview/getting-started/building-the-layout-1-2.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.