# How to Create a Data Designer App

This section explains how to create and start using a **Data Designer** project within **AppSpace** to design an application’s data model using an **ER Diagram**.

***

### Step 1: Open Data Designer

1. Open your application in **AppSpace**
2. From the application menu, select **Data Designer**

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FZpbxHmo9sRoG0TY1Rp03%2Fimage.png?alt=media&#x26;token=cb37aef2-a9af-457a-b4e8-f8755d1c2220" alt=""><figcaption></figcaption></figure>

***

### Step 2: Create a Data Designer Diagram

1. Click the **Create Diagram Designer** icon
2. A modal window opens

In the modal:

* Enter a name for your data model
* Click **Create ER‑Diagram**

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FvBA8GDNBpe7IhI0obr4d%2Fimage.png?alt=media&#x26;token=bd827ef1-5e19-4358-ad9e-f1fe926b2d33" alt=""><figcaption></figcaption></figure>

***

### Step 3: Open the Diagram for Design

Once the Data Designer project is created successfully:

1. Click the **Start Design Diagram** icon
2. The system opens the **ER Diagram design workspace**

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FbpeP5AlN191fnSNfe2xt%2Fimage.png?alt=media&#x26;token=f21949e4-d148-419b-ac0e-588f0ac655c4" alt=""><figcaption></figcaption></figure>

***

### Step 4: Review the Design Workspace

After opening the diagram, you will see the **design canvas**, where you can:

* Create entities (tables)
* Define columns and data types
* Draw relationships between entities

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FmIRacgqLuYoustEozcH4%2Fimage.png?alt=media&#x26;token=7f132459-262d-426a-9844-8ba4c154e5ad" alt=""><figcaption></figcaption></figure>

***

### Step 5: Use the Side Menu

Inside the Diagram Designer, a **Side Menu** is available to help manage and navigate your data model.

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FrKxb9eBRfH6AaCuoVzWN%2Fimage.png?alt=media&#x26;token=84601cc1-61ce-4889-9789-4f8d6f503ab1" alt=""><figcaption></figcaption></figure>

***

#### Side Menu Options

The Side Menu provides the following features:

* **Search Box**\
  Search and filter entities or relationships in the data model.
* **Table**\
  View and manage all entities (tables) defined in the data model.
* **Link**\
  View and manage relationships (links) between entities.

These tools help keep the data model organized as it grows in complexity.

***

### Summary

Creating a **Data Designer App** in AppSpace is the starting point for modeling application data in ONEWEB.

By using Data Designer, users can:

* Create ER diagrams visually
* Design tables and relationships without SQL
* Organize entities and links through a guided UI
* Lay the foundation for SQL Builder, Data Viewer, and application data access

This makes Data Designer an essential tool for low‑code, data‑driven application development in ONEWEB.


---

# 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.onewebstack.com/designer-reference/data-designer/how-to-create-a-data-designer-app.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.