# Create an application

Welcome to the user guide for creating your first application in Flow Connect. 

In this guide, you will be taken through the steps of creating your application, beginning with creating it in the Hub, then configuring it in the Designer, and ending with running your application in a Client.

Let's begin your journey into application development.

{% hint style="info" %}
Prerequisite 1: The organization must have at least one [admin access group](/flow-connect/quick-start/create-an-admin-access-group.md).
{% endhint %}

## Create in the Hub

### Create an application package

1. Navigate to Apps.
2. Click **Create Package.**
3. Name your package *"Your name" application package*.
4. Click on the icon to select an icon and a color for the package.
5. Click on **Add developers** and select the developer group *Access group for my first app*. Prerequisite: The organization must have at least one [admin access group](/flow-connect/quick-start/create-an-admin-access-group.md).
6. Click **Save**.

<figure><img src="/files/W2U1vRE9okf4EIcTf2iE" alt=""><figcaption></figcaption></figure>

### Create an application&#x20;

* Click on the application package you just created.
* Click **New** and select **Application.**
* Name your application *"Your name" first application*.
* Click on the icon to select an icon and a color for the application.
* Click **Save**.

<figure><img src="/files/GD7GNtmFU0pexktpbqwp" alt=""><figcaption></figcaption></figure>

### Open in the Designer

1. Click on the app, or the three-dot menu on your application and select **Open in Designer,** to open the Designe&#x72;**.** Prerequisite:  You need to have the Windows Designer installed, to download go to [Flow Connect Downloads](/flow-connect/reference/flow-connect-downloads.md#windows-designer).
2. The Flow Connect Designer will now be launched.

<figure><img src="/files/WimsJ0yagIm4Go922dBg" alt=""><figcaption></figcaption></figure>

## Configure the application in the Designer

1. Right mouse button click on the Start ring and select Add sequence arrow.
2. Right mouse button click again directly and add a User Step.&#x20;
3. Double-click on the User step to open it for configuration. We are going to add two controls: Header and Static Text.
   1. Drag and drop the control Header (top left) into the middle section.&#x20;
   2. In Appearance - Text write: Hello {userId}
   3. Drag and drop the control Static Text (second from the top left) into the middle section, below the Header control.
   4. In Appearance - Text write: This is your first application!
   5. Click OK to close the User step
4. Right mouse button click on the User step and select Add sequence arrow (same action as in step 1).
5. Right mouse button click again directly and add an End Step.&#x20;
6. You have now created a complete application! Click the Play button in the top right corner to run the application in the Windows client.

{% tabs %}
{% tab title="Step 1" %}

<figure><img src="/files/N4TkzNFdWnTS0L790xbr" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Step 2" %}

<figure><img src="/files/5cDO3BdpJoRgRAyIzVOi" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Step 3 (1-2)" %}

<figure><img src="/files/qavY07etxYH86R6tOPCw" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Step 3 (3-4)" %}

<figure><img src="/files/zxzYuBs1sTmfZPNuhdgX" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Step 5" %}

<figure><img src="/files/NgqE7JD9TKyFOreKtSF5" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Step 6" %}

<figure><img src="/files/TKvMjRSEI2dchqnlY7Dl" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Video of all steps" %}

<figure><img src="/files/vIF6u399F8ALhbZTjZkK" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## Run in the Client

1. If the Windows client is not installed, you will be prompted to install it. Otherwise, the client will simply open.
2. If you haven't signed into the Windows client already, you'll be prompted to sign in.
3. The client will now display the controls you configured in the User step, showing "Hello," followed by your username.
4. Click **Next**.
5. Since the application only consists of one user step, you have now reached the end of the application.&#x20;
6. Click **Exit** followed by **Quit** to end the application.

{% tabs %}
{% tab title="Application execution" %}

<figure><img src="/files/bl3ibkk60fYmzM6tpcVD" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="End of the application" %}

<figure><img src="/files/5foJXkDzkDiUfeFwef3I" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Quit the application" %}

<figure><img src="/files/ssoHg6vNRcnyqNiFLcNW" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}


---

# 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.novacura.com/flow-connect/quick-start/create-an-application.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.