> ## Documentation Index
> Fetch the complete documentation index at: https://docs.qxlabs.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Flow user interface

Give a flow a simple web form so anyone on your team can run it by filling in a few fields, without ever opening the builder.

## Add a form to your flow

Add a [**User Input**](/flows/nodes/workflow-basics) node to your flow and switch on **Access via user interface**. Give the page a **Name** and a short **Description**, then add a field for each value someone needs to provide. Each field's **Name** becomes its label on the form, and you can mark fields required or give them a default.

<Frame>
  <img className="block dark:hidden" src="https://mintcdn.com/qx-labs/ZJkiVX6zo-84vXkk/images/flows/flow-ui/user-input-node-light.png?fit=max&auto=format&n=ZJkiVX6zo-84vXkk&q=85&s=ae715d039ce0889410d8ba6d8f77694b" alt="A User Input node with the user interface option turned on and its fields configured" width="1919" height="952" data-path="images/flows/flow-ui/user-input-node-light.png" />

  <img className="hidden dark:block" src="https://mintcdn.com/qx-labs/ZJkiVX6zo-84vXkk/images/flows/flow-ui/user-input-node-dark.png?fit=max&auto=format&n=ZJkiVX6zo-84vXkk&q=85&s=c26e8dc82b64bd64b1d2ac8b77ced3eb" alt="A User Input node with the user interface option turned on and its fields configured" width="1919" height="952" data-path="images/flows/flow-ui/user-input-node-dark.png" />
</Frame>

Open the form from the **View User Interface** button in the top-left of the canvas, or from the Flows list. Fill it in and run it, and the same progress and output you get in the builder appear right on the page through **Show Run Progress** and **Show Output**. A **View in flow builder** link takes you back to the canvas.

Share the flow with your organization or specific people and they get this form to run, no builder knowledge needed.

<Frame>
  <img className="block dark:hidden" src="https://mintcdn.com/qx-labs/ZJkiVX6zo-84vXkk/images/flows/flow-ui/interface-page-light.png?fit=max&auto=format&n=ZJkiVX6zo-84vXkk&q=85&s=2591ea560ffb9c696d4002987ec63699" alt="A flow's user interface page with its form fields and run button" width="1919" height="941" data-path="images/flows/flow-ui/interface-page-light.png" />

  <img className="hidden dark:block" src="https://mintcdn.com/qx-labs/ZJkiVX6zo-84vXkk/images/flows/flow-ui/interface-page-dark.png?fit=max&auto=format&n=ZJkiVX6zo-84vXkk&q=85&s=32b8fdfba13ce07ab95527a30dd9bfc7" alt="A flow's user interface page with its form fields and run button" width="1919" height="941" data-path="images/flows/flow-ui/interface-page-dark.png" />
</Frame>
