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

# Just Flow It quickstart: your first diagram in minutes

> Go from a plain-text description to a shareable BPMN 2.0 diagram in four steps — no prior diagramming experience or credit card required.

Getting your first diagram up and running with Just Flow It takes less than a minute. All you need is a description of the process you want to map — the AI takes care of every element, connection, and layout decision for you. Follow the four steps below to go from a blank screen to a shareable BPMN 2.0 diagram.

<Steps>
  <Step title="Create your free account">
    Go to [justflow.it/signup](https://justflow.it/signup) and sign up with your email address or a Google account. No credit card is required to activate the Free plan.

    <Tip>
      The Free plan gives you unlimited diagrams and 1 advanced AI prompt per day (it refreshes automatically at UTC midnight) to try the tool with no commitment. You can upgrade to Pro or Team at any time.
    </Tip>
  </Step>

  <Step title="Describe your process in the prompt box">
    Once you are inside the app, click **New diagram** and type a description of your business process into the prompt box. Be as specific as you like — mention the roles involved, the key decisions, and the expected outcome.

    For example:

    ```text theme={null}
    A customer submits a support ticket. A support agent reviews it and decides 
    whether it can be resolved immediately or needs escalation. If escalated, 
    a senior engineer investigates and provides a fix. The agent then confirms 
    the resolution with the customer and closes the ticket.
    ```

    You can also **record a voice note**, **upload a photo** of a whiteboard sketch, or **attach a PDF** instead of typing — Just Flow It accepts all of these as input.

    Press **Generate** (or hit `Enter`) when you are ready.
  </Step>

  <Step title="Review and refine the generated diagram">
    The AI generates a complete BPMN 2.0 diagram in seconds and displays it on the canvas. Review the elements — events, tasks, gateways, pools, and lanes — to make sure they reflect your intended process.

    If anything needs changing, use the **AI chat panel** on the right side of the canvas to ask for edits in plain language:

    * *"Add a parallel approval step after the review task."*
    * *"Split the support agent lane into first-line and second-line support."*
    * *"Remove the escalation path and make resolution mandatory."*

    The diagram updates live with each instruction. You can also drag, resize, or delete individual elements manually at any time.

    <Note>
      Click **Auto-layout** in the toolbar at any point to instantly tidy up the diagram if it starts looking cluttered after several edits.
    </Note>
  </Step>

  <Step title="Export or share your diagram">
    When you are happy with the result, use the **Export** menu in the top-right corner to save your work:

    <Tabs>
      <Tab title="BPMN 2.0 file">
        Download a standard `.bpmn` file that you can open directly in Camunda, Bizagi, or any other BPMN-compatible tool.
      </Tab>

      <Tab title="Image">
        Export the diagram as a PNG or SVG to embed in documents, presentations, or wikis.
      </Tab>

      <Tab title="Share link">
        Generate a shareable link so colleagues can view the diagram in their browser — no account required to view.
      </Tab>
    </Tabs>

    <Tip>
      On the **Team plan**, you can publish the diagram directly to your shared team library so the whole organisation always has access to the latest version.
    </Tip>
  </Step>
</Steps>

## What's next?

<CardGroup cols={2}>
  <Card title="Canvas Overview" icon="object-group" href="/concepts/diagrams-and-canvas">
    Learn your way around the canvas, toolbar, and AI chat panel.
  </Card>

  <Card title="AI Generation" icon="wand-magic-sparkles" href="/concepts/ai-generation">
    Tips for writing prompts that produce the most accurate diagrams.
  </Card>

  <Card title="BPMN Basics" icon="diagram-project" href="/concepts/bpmn-basics">
    Understand the building blocks the AI uses to construct your diagrams.
  </Card>
</CardGroup>